Heim > Web-Frontend > js-Tutorial > Lösung für das ungültige Eingabeänderungsereignis in jquery

Lösung für das ungültige Eingabeänderungsereignis in jquery

黄舟
Freigeben: 2017-06-27 09:44:51
Original
5350 Leute haben es durchsucht

Als ich heute arbeitete, stieß ich auf die Verwendung von jquery, um das Eingabefeld auszuwählen, die Inhaltsänderungen in der Eingabe zu überwachen und dann den Inhalt in der Eingabe abzurufen und ihn einer anderen Eingabe zuzuweisen Eingabefeld.

Diese Logik ist sehr einfach. Der Code lautet wie folgt:

$(".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());
});
Nach dem Login kopieren

Ich versuche sicherzustellen, dass der vorherige Codeteil vor dem letzten Codeteil geladen wird, aber auf diese Weise kann das Eingabefeld mit id=setStock nicht ausgewählt werden.

............

Zehn Minuten später

Ich habe das gefunden

$(".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>");
Nach dem Login kopieren

Dieser Code ist, den ich gestartet habe auf einen -Button ,
, aber

$(&#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()还没有执行!!!
Nach dem Login kopieren

der Grund wurde gefunden! Um den Grund herauszufinden, habe ich auch speziell die erste setprice()-Methode in HTML geschrieben und sie in ein HTML-Ereignisverarbeitungs-Ereignis umgewandelt. Leider ein kleiner Fehler! ! Nehmen Sie es auf! gegenseitige Ermutigung!


Das obige ist der detaillierte Inhalt vonLösung für das ungültige Eingabeänderungsereignis in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage