Wählen Sie die ausgewählte Option aus dem ausgewählten Element aus
93
Ich versuche, die ausgewählte Option aus einem Dropdown-Menü abzurufen und ein anderes Element wie folgt mit diesem Text zu füllen. IE bellt einen Sturm auf und es funktioniert nicht in Firefox:
karim79 hat einen guten Fang gemacht. Nach Ihrem Elementnamen zu urteilen, txtEntry2kann es sich um ein Textfeld handeln. Wenn es sich um eine Eingabe handelt, müssen Sie .val()stattdessen Folgendes verwenden .text():
Für das "Was ist los?" Teil der Frage: Es .text()wird kein Selektor verwendet, es wird Text verwendet, auf den es eingestellt werden soll, oder nichts, um den bereits vorhandenen Text zurückzugeben. Sie müssen also den gewünschten Text abrufen und ihn dann in die .text(string)Methode für das Objekt einfügen, das Sie festlegen möchten, wie oben beschrieben.
Sobald Sie den Wert in Ihrer Variablen gespeichert haben, besteht der nächste Schritt darin, die in der Variablen gespeicherten Informationen an das Formularfeld oder das HTML-Element Ihrer Wahl zu senden. Es kann ein div p oder ein benutzerdefiniertes Element sein.
dh <p></p> OR <div></div>
Sie würden verwenden:
$ ('p'). html (Iterationen); OR $ ('div'). Html (Iterationen);
Natürlich können Sie all das in weniger Schritten erledigen. Ich glaube nur, dass es den Menschen hilft, zu lernen, wenn Sie alles in leicht verständliche Schritte aufteilen ... Ich hoffe, das hilft!
Das obige würde sehr gut funktionieren, aber es scheint, dass Sie den jQuery-Typecast für den Dropdown-Text verpasst haben. Ansonsten ist es ratsam, .val()Text für ein Element vom Typ Eingabetext festzulegen. Mit diesen Änderungen würde der Code wie folgt aussehen:
txtEntry2
es sich um eine Texteingabe handelt, mussval()
stattdessen OP verwendet werden.Versuche dies:
quelle
Hier ist eine kürzere Version, die auch funktionieren sollte:
quelle
this.value
würde es reparieren.Mit weniger jQuery:
this.options[this.selectedIndex].value
ist einfaches JavaScript.(Quelle: Deutsches SelfHTML )
quelle
Versuchen Sie folgenden Code
quelle
Um die Anzahl der ausgewählten Elemente zu ermitteln, verwenden Sie
Um den Wert aller ausgewählten Elemente abzurufen, verwenden Sie
quelle
Das hat bei mir funktioniert:
quelle
Der erste Teil besteht darin, das Element aus dem Dropdown-Menü abzurufen, das folgendermaßen aussehen kann:
Um über jQuery zu erfassen, können Sie Folgendes tun:
Sobald Sie den Wert in Ihrer Variablen gespeichert haben, besteht der nächste Schritt darin, die in der Variablen gespeicherten Informationen an das Formularfeld oder das HTML-Element Ihrer Wahl zu senden. Es kann ein div p oder ein benutzerdefiniertes Element sein.
Sie würden verwenden:
Wenn Sie ein Textfeld ausfüllen möchten, z.
Sie würden verwenden:
Natürlich können Sie all das in weniger Schritten erledigen. Ich glaube nur, dass es den Menschen hilft, zu lernen, wenn Sie alles in leicht verständliche Schritte aufteilen ... Ich hoffe, das hilft!
quelle
Mit der Eigenschaft selectedOptions (HTML5) können Sie die ausgewählten Optionen abrufen.
Mit JQuery kann dies erreicht werden
oder
Die Eigenschaft enthält ein HTMLCollection-Array, das dieser ausgewählten Option ähnelt
oder Mehrfachauswahl
quelle
Das obige würde sehr gut funktionieren, aber es scheint, dass Sie den jQuery-Typecast für den Dropdown-Text verpasst haben. Ansonsten ist es ratsam,
.val()
Text für ein Element vom Typ Eingabetext festzulegen. Mit diesen Änderungen würde der Code wie folgt aussehen:quelle
Wenn Sie dies bereits haben und jquery verwenden, ist dies Ihre Antwort:
$ ($ (this) [0] .selectedOptions [0]). text ()
quelle
Angesichts dieses HTML:
Wählen Sie anhand der Beschreibung für jQuery v1.6 +:
quelle