Próbuję zmienić aktualnie wybraną opcję w zaznaczeniu za pomocą wybranej wtyczki.
W dokumentacji obejmuje aktualizację listy i wywołania zdarzenia, gdy jest wybrana opcja, ale nic (to widzę) na zewnątrz zmianę aktualnie wybranej wartości.
Zrobiłem jsFiddle, aby zademonstrować kod i moje próby zmiany zaznaczenia:
$('button').click(function() {
$('select').val(2);
$('select').chosen().val(2);
$('select').chosen().select(2);
});
Odpowiedzi:
Z sekcji „Updating Chosen Dynamically” w dokumentach : Musisz wywołać zdarzenie „selected: updated” w polu
UWAGA: wersje wcześniejsze niż 1.0 wykorzystywały następujące elementy:
źródło
chosen:updated
zamiastliszt:updated
$('select').val(2).trigger("chosen:updated");
$('select').val(2);
na$('select').val(2).change();
, ponieważ zmiana wybranej opcji select z jQuery nie wywołuje zdarzenia zmiany i niektórzy ludzie mogą tego potrzebować.Moja odpowiedź jest spóźniona, ale chcę dodać informacje, których brakuje we wszystkich powyższych odpowiedziach.
1) Jeśli chcesz wybrać pojedynczą wartość w wybranym zaznaczeniu.
2) Jeśli korzystasz z wielu wybranych opcji wyboru, może być konieczne ustawienie wielu wartości jednocześnie.
Informacje zebrane z poniższych linków:
1) Chosen Docs
2) Chosen Github Discussion
źródło
Czasami trzeba usunąć bieżące opcje, aby manipulować wybranymi opcjami.
Oto przykład, jak ustawić opcje:
JSFiddle (w tym opcje dołączania Howto): https://jsfiddle.net/59x3m6op/1/
źródło
var selected = mySelect.val();
dovar selected = mySelect.val() || [];
.W przypadku wielokrotnego wyboru i / lub jeśli chcesz usunąć już wybrane elementy jeden po drugim, bezpośrednio w elementach listy rozwijanej, możesz użyć czegoś takiego:
źródło