Jquery用表格列表(多实例问题?)

时间:2011-03-07 12:14:32

标签: php javascript jquery ajax

我正在使用带有4个标签的jquery tabify,每个内容通过ajax调用相同的表单。(假设form.php) 第一个选项卡一切正常与表单。 第2,第3和第4个选项卡无法获得输入类型=“文本”值

tabify字段(实际上这里有4个标签,因为代码很长,我把它缩短了):

$(document).ready(function () {
    $('#general_information_tab').tabify();

});

function recp(refer,id,plan){
    if(plan == 0)
    {
    $('.stgcontent').load('stage/stage_procedure1.php?plan_id=' + id + '&T_REFERID=' + refer );
    }else{
    $('.stgcontent').load('stage/new_taskstg.php?plan_id=' + id + '&T_ID=' + refer);
    }

    <div id="general_tab_content">
             <ul id="general_information_tab" class="general_information_tab">
                <li class="active"><a href="#one" onClick="recp('1','<?php echo $plan_id; ?>','0')" >Immediate Response Steps</a></li>
<div id="one" class="content_gi">
            <div class="stg1">

            <a href="#" onClick="recp('1','<?php echo $plan_id; ?>','1')" class="stg1"><img src="images/task/add.ico" height="10px" width="10px" /> &nbsp; Add Task</a>
            <div class="stgcontent">
            <script type="text/javascript">
                    recp('1','<?php echo $plan_id; ?>','0');
            </script>
            </div>
            </div>

        </div>

in new_taskstg.php

$(function(){
$(".newTaskSubmitBtn").click(function(){
var T_CONTENT = $(".task_name").val();
var T_REFERID = $(".refer").val();
var SAVE_PLAN = $(".plan").val();
var V_ID = $(".vendor").val();

var dataString='T_CONTENT=' + T_CONTENT + '&T_REFERID=' + T_REFERID + '&SAVE_PLAN=' + SAVE_PLAN + '&V_ID=' + V_ID;

alert(T_CONTENT + T_REFERID + SAVE_PLAN + V_ID);
if(T_CONTENT=='' || T_REFERID=='' || SAVE_PLAN=='' || V_ID=='')
{
    //ERROR MESSAGE
    $(".fail").show();
    $(".success").hide();
}
else
{
    $.ajax({
        type: "POST",
        url: "stage/insert.php",
        data: dataString,
        success: function(data){
            //SUCCESS MESSAGE
            $(".success").show();
            $(".fail").hide();
        }
        });

}
return false;

});
});

表单字段代码:

<input type="text" name="task_name" class="form_input task_name" />

TEST I DID:

如上所述var T_CONTENT = $(“。task_name”)。val();并提示如此警报(T_CONTENT);它在第一个标签上显示的内容能够捕获它,而第二个第三个和第四个标签失败...

怀疑多个实例有问题......

1 个答案:

答案 0 :(得分:0)

解决了问题。 Mian点是为了避免多个实例,因为tabify无法区分表单中的哪个选项卡,并且它需要4个选项卡。所以为了解决我的情况,我只使用4种形式的唯一ID。