jquery - Laravelモーダルデータテーブルの更新

Question

ビューには「製品の追加/編集」というボタンがあり、それをクリックして数量フィールドにいくつかの値を入力すると、「製品の追加/編集」ボタンの下にテーブルが作成されます。

私の見解：

別のテーブルで変更するときにモーダル数量値のデータを変更/更新したい。私はそれを少ししましたが、モーダルで1ページだけを変更します:

モーダルでyajraデータテーブルを使用しました。私のモーダルビュー:

<!-- Modal -->
  <div class="modal fade" id="productmodal" role="dialog">
    <div class="modal-dialog prod_dia">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Add /Edit Product</h4>
        </div>
        <div class="modal-body">
           <section class="panel panel-primary">
        <div class="panel-heading">
          <b>Add /Edit Product</b>
        </div>
        <div class="panel-body product_body">


        <div class="table-responsive maindiv"> 
          <table class="table table-hover table-bordered prdb" id="productid">
          <form name="proform">
            <thead>
              <th>Product</th>
              <th>Price</th>
              <th>Qty</th>
            </thead>

            <tbody>

             @foreach($datapr as $k)
              <tr>
                <td>{{$k->brand}}-{{$k->pcode}}-{{$k->pgroup}}<input type="hidden" data-pcode='{{$k->pcode}}'  class="qtyforpcode"></td>
                <td>{{$k->price}}</td>
                <td>

                      <input type="text" data-prid='{{$k->prid}}' data-brand='{{$k->brand}}' data-price='{{$k->price}}' data-pgroup='{{$k->pgroup}}' data-sprice='{{$k->sprice}}' data-pcode='{{$k->pcode}}' name="pr_qty" id="qty" class="form-control qty">

                </td>
              </tr>
              @endforeach
            </tbody>

          </table>
          </form>
          </div>
        </div>

      </section>

        </div>

        <div class="modal-footer">
          <input type="submit" value="Done" id="doneproduct" class="btn btn-primary customclose">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
        </form>

      </div>

    </div>
  </div>

モーダルを更新しようとするjQueryで（ただし、モーダルの1ページのみを変更します）

$('.qtypr').on('change',function(){
var ttr=$(this).parent().parent();
var qty=ttr.find('.qtypr').val();//new value 
var pcode=ttr.find('.qtypr').data('pcode');
console.log(qty);
console.log(pcode);


$('#productmodal .prod_dia .product_body .maindiv .prdb tr').each(function(){

var pcodetable=$(this).find('.qtyforpcode').data('pcode');

$(this).css("background-color", "yellow");

 console.log("--pcodetable -----");
console.log(pcodetable);
if(pcodetable==pcode){

console.log("match one vale");
$(this).find('td .qty').val(qty);

}
});

 });

モーダルまたはデータテーブルのページングが原因で、何が問題になっていますか? どうすれば更新できますか、助けてください

私は自分の問題を解決しました: 後で$('.qtypr').on('change',function (){ の 代わりに$ (document).on('change', '.qtypr', function(){を使用し ます行はdomでqtyprクラスを見つけることができず、$(document).onを使用すると、領域またはクラスqtyprを見つけるのに役立ちます