Hallo Freunde, das ist mein Code:
<select id='first'>
<option value='1'> First </option>
<option value='2'> Second </option>
<option value='3'> Three </option>
</select>
Dies ist mein select2-Code:
$("#first").select2();
Unten finden Sie den Code zum Abrufen des ausgewählten Werts.
$("#first").select2('val'); // It returns first,second,three.
Dies ist eine Rückgabe eines Textes wie first,second,three
und ich möchte bekommen 1,2,3
.
Bedeutet, ich brauche den Wert des Auswahlfeldes, nicht den Text.
jquery
jquery-select2
Renish Khunt
quelle
quelle
Antworten:
quelle
Um das Select-Element zu erhalten, können Sie es verwenden
$('#first').val();
So erhalten Sie den Text des ausgewählten Werts -
$('#first :selected').text();
Können Sie bitte Ihren
select2()
Funktionscode posten?quelle
$('#first :selected').text();
die andere Option verwenden, um alle möglichen Optionen zurückzugeben.$("#first").select2('data')
gibt alle Daten als Karte zurückquelle
Wenn Sie Ajax verwenden , möchten Sie möglicherweise direkt nach der Auswahl den aktualisierten Wert von select erhalten.
Credits: Steven-Johnston
quelle
currentTarget
kommt? Keines Ihrer ID / Name-Beispiele bezieht sich auf die Frage. Ich kann mich also nirgendwo beziehen.Mit dieser Lösung können Sie das ausgewählte Element vergessen. Hilfreich, wenn Sie für ausgewählte Elemente keine ID haben.
quelle
Einfache Antwort lautet:
und so können Sie auch schreiben:
quelle
Versuche dies :
quelle
Sehen Sie diese Geige .
Grundsätzlich möchten Sie das
value
s Ihreroption
-tags erhalten, aber Sie versuchen immer, den Wert Ihresselect
-node mit zu erhalten$("#first").val()
.Also müssen wir die Option-Tags auswählen und wir werden jQuerys-Selektoren verwenden:
$("#first option")
wählt jedesoption
Element des Elements mit der ID ausfirst
.quelle
Die oben genannten Lösungen haben bei mir mit der neuesten select2 (4.0.13) nicht funktioniert.
Mit jQuery können Sie diese Lösung verwenden, um Werte gemäß der Dokumentation abzurufen: https://select2.org/programmatic-control/retrieving-selections
quelle
Andere Antworten haben bei mir nicht funktioniert, deshalb habe ich eine Lösung entwickelt:
Ich habe eine Option mit class = "option-item" erstellt, um das Targeting zu vereinfachen
HTML:
Dann habe ich für jede ausgewählte Option die Eigenschaft none hinzugefügt
CSS:
Jetzt können wir Änderungen an unserer SelectBox hinzufügen, um unsere ausgewählte Option mit der Eigenschaft display none durch das Attribut simple : hidden zu finden
JQuery:
Arbeitsgeige: https://jsfiddle.net/Friiz/2dk4003j/10/
quelle
Lösung:
quelle