Ich versuche, die aktuell ausgewählte Option in einer Auswahl mit dem ausgewählten Plugin zu ändern.
Die Dokumentation behandelt das Aktualisieren der Liste und das Auslösen eines Ereignisses, wenn eine Option ausgewählt ist, aber nichts (was ich sehen kann) beim externen Ändern des aktuell ausgewählten Werts.
Ich habe eine jsFiddle erstellt, um den Code und meine Versuche, die Auswahl zu ändern, zu demonstrieren :
$('button').click(function() {
$('select').val(2);
$('select').chosen().val(2);
$('select').chosen().select(2);
});
Antworten:
Aus dem Abschnitt "Dynamisch aktualisieren" in den Dokumenten : Sie müssen das Ereignis "Ausgewählt: Aktualisiert" im Feld auslösen
HINWEIS: In Versionen vor 1.0 wurde Folgendes verwendet:
quelle
chosen:updated
liszt:updated
$('select').val(2).trigger("chosen:updated");
$('select').val(2);
in$('select').val(2).change();
, weil die Änderung der gewählten Option eines select mit jQuery nicht das Änderungsereignis auslösen und einige Leute könnten es brauchen.Meine Antwort ist spät, aber ich möchte einige Informationen hinzufügen, die in allen obigen Antworten fehlen.
1) Wenn Sie einen einzelnen Wert in der ausgewählten Auswahl auswählen möchten.
2) Wenn Sie eine mehrfach ausgewählte Auswahl verwenden, müssen Sie möglicherweise mehrere Werte gleichzeitig festlegen.
Informationen, die über folgende Links gesammelt wurden:
1) Ausgewählte Dokumente
2) Ausgewählte Github-Diskussion
quelle
Manchmal müssen Sie die aktuellen Optionen entfernen, um die ausgewählten Optionen zu bearbeiten.
Hier ist ein Beispiel zum Festlegen von Optionen:
JSFiddle (einschließlich Anhängen von Optionen): https://jsfiddle.net/59x3m6op/1/
quelle
var selected = mySelect.val();
zuvar selected = mySelect.val() || [];
statt.Bei mehreren Auswahltypen und / oder wenn Sie bereits ausgewählte Elemente einzeln direkt in einer Dropdown-Liste entfernen möchten, können Sie Folgendes verwenden:
quelle