Wie stelle ich den Wert eines DropDownList-Steuerelements mithilfe von jQuery ein?
jquery
drop-down-menu
Fleisch
quelle
quelle
$("#mycontrolId").selectmenu('refresh');
, um Änderungen zu reflektierenWenn Sie mit Index arbeiten, können Sie den ausgewählten Index direkt mit .attr () festlegen:Dadurch wird der erste Wert in der Droplist festgelegt.Bearbeiten: Die Art und Weise, wie ich es oben gemacht habe, hat früher funktioniert. Aber es scheint nicht mehr so.
Aber wie Han in den Kommentaren so angenehm hervorhebt, ist der richtige Weg, dies zu tun:
quelle
select
Tag kein Attribut hatselectedIndex
. Es ist stattdessen eine Eigenschaft des DOM-Objekts. Daher sollte der Code lauten:$("#mydropdownlist").get(0).selectedIndex = index_here;
$("#mydropdownlist").prop('selectedIndex', index_here);
Funktioniert auch.Versuchen Sie, wie von @Nick Berardi vorgeschlagen, Folgendes zu tun, wenn Ihr geänderter Wert nicht im Front-End der Benutzeroberfläche angezeigt wird:
quelle
selectmenu
ist in meiner Version von jQuery undefiniert, macht aberchange()
den Trick.Versuchen Sie diesen sehr einfachen Ansatz:
quelle
$("#mycontrolId").selectmenu('refresh');
$('#mycontrolId').selectmenu('refresh').val(myvalue).attr("selected", "selected");
?Wenn Ihre Dropdown-Liste Asp.Net ist, funktioniert der folgende Code einwandfrei.
Wenn Ihr DropDown jedoch ein HTML-Dropdown-Menü ist, funktioniert dieser Code.
quelle
Beste Antwort auf die Frage:
z.B:
oder
quelle
Wert festlegen und Dropdown-Listenereignis aktualisieren
quelle
Es gibt viele Möglichkeiten, dies zu tun. hier sind einige davon:
ODER
quelle
Ich denke, das kann helfen:
Wenn Sie dies tun, fügen Sie ein Element ohne Text hinzu. Wenn Sie also auf de combo klicken, wird es nicht angezeigt, aber der Wert -1, den Sie später hinzugefügt haben, wird mit $ (". AutoCompleteDepartment") ausgewählt. Val (-1); Mit dieser Option können Sie steuern, ob die Kombination einen gültigen Wert hat.
Hoffe es hilft jedem.
Entschuldigung für mein Englisch.
quelle
Wenn Sie nur den Wert eines Dropdowns festlegen müssen, ist der beste Weg
Wenn Sie nach dem Aktualisieren des Dropdown-Werts ein Skript auslösen müssen, z. B. Wenn Sie ein onChange-Ereignis in der Dropdown-Liste festlegen und dieses nach dem Aktualisieren der Dropdown-Liste ausführen möchten, müssen Sie dies wie folgt verwenden
quelle
Hier ist eine Funktion zum schnellen Einstellen der ausgewählten Option:
Rufen Sie diese Funktion mit der Argumentelement-ID und dem ausgewählten Wert auf. so was:
Dies ist nützlich, wenn viele Auswahloptionen festgelegt werden müssen.
quelle
Falls Sie alle
<options ....></options>
per Ajax laden, rufen Sie anSie dazu die folgenden Schritte aus.
1). Erstellen Sie eine separate Methode für den festgelegten Dropdown-Wert. Beispiel
:
2). Rufen Sie diese Methode auf, wenn der Ajax-Aufruf erfolgreich ist und alle HTML-Anhängeaufgaben abgeschlossen sind
Zum Beispiel:
quelle
Set
drop-down
selected
Wert und aktualisieren ÄnderungenHier setzen wir zuerst den Wert von
Model
und aktualisieren ihn dann bei Auswahlquelle
// Html Format der Dropdown-Liste.
// Wenn Sie das ausgewählte Element mit Javascript in test2 ändern möchten. Probier diese. // setze die nächste Option, die du auswählen möchtest
quelle
Die Verwendung der oben hervorgehobenen / markierten Antwort hat bei mir funktioniert ... hier ein kleiner Einblick. Ich habe ein wenig betrogen, als ich die URL erhalten habe, aber im Grunde definiere ich die URL im Javascript und setze sie dann über die jquery-Antwort von oben:
quelle
Verwenden Sie für Benutzer von Bootstrap
$(#elementId').selectpicker('val','elementValue')
anstelle von$('#elementId').val('elementValue')
Benutzer , da letzterer den Wert in der Benutzeroberfläche nicht aktualisiert.Hinweis : Sogar die
.change()
Funktion funktioniert, wie oben in einigen Antworten vorgeschlagen, löst jedoch die$('#elementId').change(function(){ //do something })
Funktion aus.Posten Sie dies einfach für Leute, die in Zukunft auf diesen Thread verweisen.
quelle