javascript - JQuery 取了错误的值

Question

我认为这是一个简单的问题:-)

<form id="upload" method="post" name="form">  
<input id="id<?php echo $a; ?>" class="id" name="id" type="text" value="<?php echo $id_submit; ?>" >
<input style="margin-top:-5px;width:29px;" class="submit" type="image" src="save.jpg">
</form>

源代码看起来例如像这样:

表格 1:

<form id="upload" method="post" name="form">  
<input id="id1" class="id" name="id" type="text" value="12345" >
<input style="margin-top:-5px;width:29px;" class="submit" type="image" src="save.jpg">
</form>

表格 2:

<form id="upload" method="post" name="form">  
<input id="id2" class="id" name="id" type="text" value="65432" >
<input style="margin-top:-5px;width:29px;" class="submit" type="image" src="save.jpg">
</form>

点击 save.jpg 后，它调用我的 jquery 函数:

$(document).ready(function() {                              
                           $( "#upload" ).on("submit", function(e) {

                               e.preventDefault();

                                               var id = $('.id').val();
                                               …..

问题是，当我单击表单 2 中的 save.jpg 时，它会采用值 12345 而不是 65432。

我该如何解决这个问题？

Answer 1

表单必须是唯一的

<form id="upload" method="post" name="form">

这就是为什么它需要在 dom 结构中找到的第一个元素，目标为 id ，更改第二个表单的id。

当你这样做时

var id = $('.id').val();

有多个元素具有给定的类。你可以试试这个

var id = $(this).find('.id').val();

快乐编码:)