JQuery löscht ein Eingabetextfeld

Question

Ich habe eine Frage zum Löschen eines Eingabetextfeldes, wenn auf eine andere Dropdownliste auf derselben Seite geklickt wird, der Wert im Eingabetextfeld sollte gelöscht werden. Hier ist meine jQuery ftn. Die Warnmeldung wird jedes Mal angezeigt, wenn ich eine Option aus dem Drop-down-Menü auswähle, aber das Feld wird nicht gelöscht. Jede Idee, was die korrekte Syntax sein sollte:

jQuery(document).ready(function(){ 

     jQuery("[id$='serialNumForm:noSerialNumProductKey']").change(function() { 
      alert("In jquery change ftn!!"); 
      jQuery("[id$='serialNumForm:inputSN']").value=""; 
     });  
    }); 

Ich habe eine Form Id, damit ich die Id auf das Element id Namen vorge müssen. Die Warnung wird angezeigt, nur der Wert ändert sich nicht.

Answer 1

Sie verwenden möchten:

jQuery("[id$='serialNumForm:inputSN']").val(""); 

Answer 2

"jQuery (" [id $ = 'serialNumForm: inputSN'] ")" Aufruf nicht ein Eingabeelement zurückkehren - anstatt es gibt Ihnen ein jQuery-Objekt . Sie haben zwei Möglichkeiten:

verwenden das Kernelement zu erhalten:

jQuery("[id$='serialNumForm:inputSN']").get(0) 

Oder, wie Justin erwähnt, verwenden Sie die jQuery val() -Methode:

jQuery("[id$='serialNumForm:inputSN']").val(""); 

Der zweite Weg ist mehr verlässlich, da es den Wert auf alle übereinstimmenden Elemente anwendet, während der erste es nur auf das erste übereinstimmende Element anwendet (wie durch die 0 in get (0) angezeigt)