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 중국어 웹사이트의 기타 관련 기사를 참조하세요!