Maison > Article > interface Web > Solution à l'événement de changement d'entrée invalide dans jquery
Quand je travaillais aujourd'hui, j'ai rencontré le problème d'utiliser jquery pour sélectionner une zone de saisie, surveiller les changements de contenu dans l'entrée, puis obtenir le contenu de l'entrée et l'attribuer à une autre entrée boîte.
Cette logique est très simple. Le code est le suivant :
$(".showProductInfo").append("<tr>" +"<td></td>" +"<td>批量设置</td>" +'<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="setprice()" value="" /></td>' +'<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>' +"</tr>"); $('input[name=setStock]').on("change",function(){ console.log($('[name=setStock]').val()); $('[name=stock]').val($('#setStock').val()); });
J'essaie de m'assurer que le morceau de code précédent est chargé avant le dernier morceau de code, mais de cette façon, la zone de saisie avec id=setStock ne peut pas être sélectionnée.
............
Dix minutes plus tard
J'ai découvert que
$(".showProductInfo").append("<tr>" +"<td></td>" +"<td>批量设置</td>" +'<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="setprice()" value="" /></td>' +'<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>' +"</tr>");
ce code est que j'ai commencé sur un bouton ,
mais
$('input[name=setStock]').on("change",function(){ console.log($('[name=setStock]').val()); $('[name=stock]').val($('#setStock').val());}); 我是反在了script标签的尾部了。所以按钮没有点击之前,这段代码就已经执行了,此时上面的 $(".showProductInfo").append()还没有执行!!!
la raison a été trouvée ! Afin d'en découvrir la raison, j'ai aussi spécialement écrit la première méthode setprice() en html et je l'ai transformée en événement html traitement d'événement . Hélas, erreur de bas niveau ! ! Enregistrez-le ! encouragement mutuel !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!