将行值从输入传递到ajax帖子

Question

我有一个包含多行不同值的表 - 值在隐藏输入中 - 就像这样：

<tr> 
   <td>UserName 1 <input type="hidden" class="EmployeeID" name="EmployeeID[]" value="1" />
   <td><input type="button" class="btn btnDelEmployee" value="Delete" /></td>
</tr>
<tr> 
   <td>UserName 12 <input type="hidden" class="EmployeeID" name="EmployeeID[]" value="2" />
   <td><input type="button" class="btn btnDelEmployee" value="Delete" /></td>
</tr>

我在点击删除输入后尝试传递行的值。 我试过这段代码：

$(document).on('click', '.btnDelEmployee', function () {
      $.post('', {DelEmployee:1, EmployeeID: $(".EmployeeID").val()}, function(data){

      },'json');                    
 });

当我点击第二行时，我得到第一行的值，而不是获取第二行的值。

Answer 1

我建议你在你的领域添加一个属性，如：

<input type="button" class="btn btnDelEmployee" value="Delete" data-id="2" />

然后：

$(document).on('click', '#btnAddClose', function () {
      $.post('', {btnAddClose:1, EmployeeID: $(this).attr('data-id')}, function(data){

      },'json');                    
 });