Maison  >  Article  >  interface Web  >  Solution à l'événement de changement d'entrée invalide dans jquery

Solution à l'événement de changement d'entrée invalide dans jquery

黄舟
黄舟original
2017-06-27 09:44:515325parcourir

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>"
+&#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());
});

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>"
+&#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>");

ce code est que j'ai commencé sur un bouton ,
mais

$(&#39;input[name=setStock]&#39;).on("change",function(){   
console.log($(&#39;[name=setStock]&#39;).val());   
$(&#39;[name=stock]&#39;).val($(&#39;#setStock&#39;).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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn