如何使用jquery遍历表中每行的隐藏字段值 [英] How do iterate through the hidden field value for each row in a table using jquery

问题描述

我有一个显示所有用户的表，每个用户的id存储在隐藏字段中，我希望能够使用Ajax或Jquery获取存储在隐藏按钮点击事件中的值。



我尝试过的事情：

 foreach（var del in approvedList）
 {
< tr> 
< td> @ del.CampaignName< / td> 
< td> @ del.Name< / td> 
< td> @ del.ApprovalStatus< / td> 
< td> 
< div id =hiddenWrapperclass =row> 
< div class =col-sm-5>< input type =hiddenid =idname =idvalue =@ del.PayoutId/> 
< input id =btnApprovename =btnApproveclass =btn btn-successtype =buttontitle =Approvevalue =Approveonclick =location.href ='@ Url .Action（PayoutApproval，Account，new {id = @ del.PayoutId}）'/> 
< / div> 
< / div> 
< / td> 
< / tr> 
} 

查询功能是：

 $（'＃btnApprove'）。click（function（）{
 $（＃btnApprove）。prop（disabled，true）; 
 console.log（ id字段值：+ $（＃id）。val（））; 
 $ .ajax（{
 url：'/ Account / PayoutApproval'，
 type：POST ，
数据：JSON.stringify（{id：$（＃id）。val（）}），
 dataType：json，
 contentType：'application / json，charset = utf-8'，
 
成功：函数（结果）{
 
 if（result.f！= null）{
 swal（result.f， ！，错误）; 
 $（＃btnApprove）。prop（禁用，false）; 
 
}其他{
 swal（{
 title：Success！，
 text：result.s，
 type：success
}）; 
 $（'＃action'）。prop（'disabled '，true）.trigger（选择：更新d）; 
 $（＃submitBrdFrm）。prop（disabled，true）; 
 top.location.href = workListUrl; 
} 
} 
 
}）; 
 
返回false; 
}）; 

记录隐藏字段值，我意识到我只能获得第一行的值，后续行返回null。我希望能够在点击按钮时获得每一行的价值，这是我的挑战，我是前端开发的新手。

解决方案

（'＃btnApprove' ）.click（function（）{

（＃btnApprove）。prop（disabled，true）;
console.log（id field value：+

（ ＃ID）VAL（））;

I have a table which displays all users and the id for each user is stored in hidden field, i want to be able to get the value stored in the hidden on button click event using Ajax or Jquery.

What I have tried:

foreach (var del in approvedList)
 {         
   <tr>
    <td>@del.CampaignName</td>
    <td>@del.Name</td>                           
    <td>@del.ApprovalStatus</td>                            
    <td>  
    <div id="hiddenWrapper" class="row">
      <div class="col-sm-5"><input type="hidden" id="id" name="id" value="@del.PayoutId" />
          <input id="btnApprove" name="btnApprove" class="btn  btn-success" type="button" title="Approve" value="Approve" onclick="location.href='@Url.Action("PayoutApproval", "Account", new { id = @del.PayoutId })'" />
      </div>                                                                
    </div>                                                                                        
  </td>
 </tr>
 }

And the query function is :

 $('#btnApprove').click(function () {
    $("#btnApprove").prop("disabled", true);
    console.log("id field value: "+$("#id").val());
    $.ajax({
        url: '/Account/PayoutApproval',
        type: "POST",
        data: JSON.stringify({ id: $("#id").val() }),
        dataType: "json",
        contentType: 'application/json, charset=utf-8',

        success: function (result) {

            if (result.f != null) {
                swal(result.f, "!", "error");
                $("#btnApprove").prop("disabled", false);

            } else {
                swal({
                    title: "Success!",
                    text: result.s,
                    type: "success"
                });
                $('#action').prop('disabled', true).trigger("chosen:updated");
                $("#submitBrdFrm").prop("disabled", true);
                top.location.href = workListUrl;
            }
        }

    });

    return false;
});

While logging the hidden field value, i realized i could only get the value for first row only, subsequent rows return null. I want to be able to get value for each row upon button click, this is my challenge, i am new to front end development.

解决方案

('#btnApprove').click(function () {

("#btnApprove").prop("disabled", true); console.log("id field value: "+

("#id").val());

这篇关于如何使用jquery遍历表中每行的隐藏字段值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！