Javascript Can';t在数据表的第一页之后的模式中设置值

Javascript Can';t在数据表的第一页之后的模式中设置值,javascript,jquery,datatable,bootstrap-modal,Javascript,Jquery,Datatable,Bootstrap Modal,我试图在我的表中显示用户列表,此外,我还试图用引导模式更新个人用户信息。为此,我通过以下方式将用户_id传递到输入字段中 <button data-toggle="modal" data-target="#myCoupon" class="btn btn-primary updateCoupon" data-id="{{$user->id}}">Update Coupon</button><br> $(function () {

我试图在我的表中显示用户列表,此外,我还试图用引导模式更新个人用户信息。为此,我通过以下方式将用户_id传递到输入字段中

 <button  data-toggle="modal" data-target="#myCoupon" class="btn btn-primary updateCoupon"  data-id="{{$user->id}}">Update Coupon</button><br>

$(function () {
        $(".updateCoupon").click(function () {
            var my_id_value = $(this).data('id');
            $(".modal-body #hiddenCoupon").val(my_id_value);
        })
    });

<input  id="hiddenCoupon" name="id" value="" type="hidden">
更新优惠券
$(函数(){ $(“.updateConon”)。单击(函数(){ var my_id_value=$(this.data('id'); $(“.modal body#hiddencoup”).val(我的id值); }) });
但是对于datatable的前10行,我可以设置id输入字段,但是对于datatables的下一页,它不能设置。如何加载带有值的数据表,以便我可以轻松地设置为模态输入字段

您可以尝试以下方法:

$(function () {
    $(".updateCoupon").on('click', function () {
        var my_id_value = $(this).data('id');
        $(".modal-body #hiddenCoupon").val(my_id_value);
    })
});

你的代码在我这边运行得很好。检查是否正在为所有行获取{{$user->id}}参数?

在生成数据表时,下一页上似乎不存在$(“.updatecon”)。试试这个:

$('#your_table_id').on('click', '.updateCoupon', function() {
  var my_id_value = $(this).data('id');
  // etc
});

即使在分页中浏览下一页之后,也必须在呈现dataTable之后定义click事件。 使用dataTable回调尝试此操作:

var myTable;

myTable = $('#example').DataTable({
   "sPaginationType": "full_numbers",
    data: dataSet,
    columns: columnDefs,
    "drawCallback": function( settings ) {
       $(".updateCoupon").click(function () {
          var my_id_value = $(this).data('id');
          $(".modal-body #hiddenCoupon").val(my_id_value);
       });
     }
});

我还创作了一把小提琴

实际上没有任何更改。是的,有$user->id,您是否使用分页的datatables进行了检查?是的,我已使用分页的datatable进行了检查。我还使用其他项目进行了检查。在表单中,它无法获取数据id