Okay, ich habe diesen Code:
<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
Und ich möchte den Wert der ausgewählten Option erhalten. Beispiel: 'Option 2' ist ausgewählt und der Wert ist '2'. Die '2' ist der Wert, den ich bekommen muss und nicht 'Option 2'.
jquery
html
html-select
n00b
quelle
quelle
Antworten:
04/2020: Alte Antwort korrigiert
Verwenden Sie : Ausgewählter Pseudo-Selektor für die ausgewählten Optionen und verwenden Sie dann die .val- Funktion, um den Wert der Option abzurufen .
Randnotiz : Die Verwendung des Filters ist besser als die Verwendung des
:selected
Selektors direkt in der ersten Abfrage.Wenn Sie sich in einem Änderungshandler befinden, können Sie einfach
this.value
den ausgewählten Optionswert abrufen. Weitere Optionen finden Sie in der Demo.Alte Antwort:
Bearbeiten: Wie viele bereits betont haben, wird der ausgewählte Optionswert nicht zurückgegeben.
~~ Verwenden Sie .val , um den Wert der ausgewählten Option abzurufen . Siehe unten,
quelle
$('select[name=selector]').change(function() { alert($(this).val()); });
value
die Bezeichnung (dh<option>label</option>
) zurückgegeben wird , wenn für die ausgewählte Option kein Attribut angegeben ist . Könnte nicht immer das sein, was du willst. In den meisten Anwendungen wird natürlich der Wert angegeben.Ich wollte nur meine Erfahrungen teilen
Für mich,
$('#selectorId').val()
gab null zurück.
Ich musste benutzen
$('#selectorId option:selected').val()
quelle
$('#selectorId option:selected').val()
mir nicht sicher, warum ich nicht gearbeitet habe. Stattdessen benutzte ich$('select option:selected').val()
$('select option:selected').val()
der Wert des ersten Selektors im HTML-Code verwendet wird. Während mit können$('#selectorId option:selected').val()
Sie den Wert des Selektors haben, den Sie angegeben haben. Überprüfen Sie, ob Tippfehler vorliegen. Hier ist ein Beispiel, das zeigt, was ich gerade gesagt habe: codepen.io/anon/pen/NqgqyzjsFiddle Beispiel
.val()
wird den Wert erhalten.quelle
Sie müssen Ihrer Auswahl eine ID hinzufügen. Dann:
$('#selectorID').val()
quelle
Versuche dies:
oder
quelle
Sie können
jquery
wie folgt verwendenSKRIPT
FIDDLE ist da
quelle
Für eine Auswahl wie diese
... Sie können die ID folgendermaßen erhalten:
Oder Sie können stattdessen Wert verwenden und es auf einfache Weise erhalten ...
so was:
quelle
Eine meiner Optionen hatte keinen Wert :
<option>-----</option>
. Ich habe versucht zu verwenden,if (!$(this).val()) { .. }
aber ich habe seltsame Ergebnisse erzielt. Wenn Sie keinvalue
Attribut für Ihr<option>
Element haben, wird der darin enthaltene Text anstelle einer leeren Zeichenfolge zurückgegeben. Wenn Sieval()
für Ihre Option nichts zurückgeben möchten , stellen Sie sicher, dass Sie hinzufügenvalue=""
.quelle
Schau dir das Beispiel an:
quelle
ODER
ODER
quelle
Dieser Code funktioniert sehr gut für mich: Dies gibt den Wert der ausgewählten Option zurück. $ ('# select_id'). find ('option: selected'). val ();
quelle
quelle
Quelle Link -
Verwenden Sie jQuery val () auf GET ausgewählten Wert und und Text () Option Text zu erhalten.
Ereignis bei Dropdown-Liste auswählen ändern
Schaltfläche Klicken
quelle