jqueryの無効な入力変更イベントの解決策

今日仕事をしていたときに、jqueryを使用して入力ボックスを選択し、入力の内容の変更を監視し、入力の内容を取得して別の入力ボックスに割り当てるという問題に遭遇しました。

このロジックは元々非常に単純です。コードは次のとおりです。

$(".showProductInfo").append("<tr>"
+"<td></td>"
+"<td>批量设置</td>"
+&#39;<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="setprice()" value="" /></td>&#39;
+&#39;<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>&#39;
+"</tr>");

$(&#39;input[name=setStock]&#39;).on("change",function(){
   console.log($(&#39;[name=setStock]&#39;).val());
   $(&#39;[name=stock]&#39;).val($(&#39;#setStock&#39;).val());
});

前のコードが後のコードの前に読み込まれるようにしていますが、この方法では id=setStock の入力ボックスを選択できません。

......

10分後

私は

$(".showProductInfo").append("<tr>"
+"<td></td>"
+"<td>批量设置</td>"
+&#39;<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="setprice()" value="" /></td>&#39;
+&#39;<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>&#39;
+"</tr>");

を見つけましたこのコードはボタン
で開始されていますが、

$('input[name=setStock]').on("change",function(){   
console.log($('[name=setStock]').val());   
$('[name=stock]').val($('#setStock').val());});
我是反在了script标签的尾部了。所以按钮没有点击之前，这段代码就已经执行了，此时上面的
$(".showProductInfo").append()还没有执行！！！

理由が見つかりました!理由を知るために、最初の setprice() メソッドも特別に html に記述し、htmlイベント処理event にしてみました。 ああ、低レベルのエラーです。 ！それを記録しなさい！相互励まし合います！

以上がjqueryの無効な入力変更イベントの解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。