Zmiana wyboru zaznaczenia za pomocą wtyczki Wybrany

Question

Próbuję zmienić aktualnie wybraną opcję w zaznaczeniu za pomocą wtyczki Wybrany.

documentation obejmuje aktualizację listy i wyzwalanie zdarzenia po wybraniu opcji, ale nic (co widzę) na zewnętrzną zmianę aktualnie wybranej wartości.

Zrobiłem jsFiddle to demonstrate the code i moi próbowali sposoby zmieniania wybór:

$('button').click(function() { 
    $('select').val(2); 
    $('select').chosen().val(2); 
    $('select').chosen().select(2); 
}); 

Answer 1

W sekcji „Aktualizowanie Chosen dynamicznie” w docs: Trzeba wyzwolić „wybrani: updated” zdarzenie na pole

$(document).ready(function() { 

    $('select').chosen(); 

    $('button').click(function() { 
     $('select').val(2); 
     $('select').trigger("chosen:updated"); 
    }); 

}); 

UWAGA: wersje przed 1,0 stosuje się następującą:

$('select').trigger("liszt:updated"); 

Answer 2

Moja odpowiedź jest spóźniona, ale chcę dodać pewne informacje, których brakuje we wszystkich powyższych odpowiedziach.

1) Jeśli chcesz wybrać pojedynczą wartość w wybranym wyborze.

$('#select-id').val("22").trigger('chosen:updated'); 

2) Jeśli używasz kilku wybranych opcji, możesz ustawić wiele wartości jednorazowo.

$('#documents').val(["22", "25", "27"]).trigger('chosen:updated'); 

Informacje zebrane z poniższych linków:
1) Chosen Docs
2) Chosen Github Discussion

Answer 3

Czasami trzeba usunąć bieżące opcje w celu manipulowania wybrane opcje.

Oto przykład jak dołączyć opcje:

<select id="mySelectId"> 
    <option value=""></option> 
    <option value="Argentina">Argentina</option> 
    <option value="Germany">Germany</option> 
    <option value="Greece">Greece</option> 
    <option value="Japan">Japan</option> 
    <option value="Thailand">Thailand</option> 
</select> 

<script> 
    mySelect = $('#mySelectId'); 
    var selected = mySelect.val();       //get current values 
    selected = selected.concat(['Germany','Argentina']); //merge with new values 
    selected = Array.from(new Set(selected));    //make values unique 
    mySelect.val(null);         //delete current options 
    mySelect.val(selected);        //add new options 
    mySelect.trigger('chosen:updated');     //update chosen 
</script>