Question

我希望有人能回答我的问题...

我正在尝试使用jquery来查找表单上不同隐藏字段的值。我的问题是我有多个表单出现在同一页面上（结果集的项目用于更新），jquery只找到第一个字段的值。当我点击div更新字段时，我只获得第一条记录的ID。

这是我的代码

重复html

<ul class="task-container-item">
    <form id="task-submit" method="post" name="form">
        <input class="taskID" type="hidden" value="<?php echo $taskID;?>">
        <li><?php echo $name;?></li>
        <li><?php echo $date;?></li>
        <li><?php echo $creator;?></li>
        <li class="description"><?php echo $description;?></li>
    </form>
</ul>

jquery的

$(document).ready(function(){
    $('.task-container-item').click(function(){
         $(this).css("background","green")
         $(this).css("color","#fff");
         var taskID = $(".taskID").val();
         alert (taskID);
    });
});

希望你能帮忙

由于

戴夫

Answer 1

也许你可以让php增加表单的“输入”id。

例如：

<input class="taskID" type="hidden" id="taskid-1" value="<?php echo $taskID;?>">

然后进行下一次输入

<input class="taskID" type="hidden" id="taskid-2" value="<?php echo $taskID;?>">

for(var x=0;x<?php echo $total_forms; ?>;x++){
    //your processing code here
}

Answer 2

尝试：

$('input[type=hidden]')

然后，您可以对每个隐藏字段使用.each()。

Answer 3

您可以使用给定的类迭代元素列表：

var taskIDs = [];
$('.taskID').each(function() {
  taskIDs.push($(this).val());
});

您将拥有taskIDs数组

中的所有ID

<强>更新

$(document).ready(function(){
    $('.task-container-item').click(function(){
        $(this).css("background","green")
        $(this).css("color","#fff");
        var taskID = $(this) // Use the element that has been clicked on
                      .find(".taskID") // find the .taskID element in that
                      .val();
        alert(taskID);
    });
});

使用jquery查找隐藏表单值的值

3 个答案: