Seçilmiş eklenti ile bir seçimde seçimi değiştirme

Seçilmiş eklenti ile bir seçimde şu anda seçili olan seçeneği değiştirmeye çalışıyorum.

belgeleme kapakları listesini güncellemek ve dıştan seçili değerini değiştirerek bir seçenek seçilirse olay, başka bir şey (görebildiğim) tetikleme.

Kodu ve seçimi değiştirmeye çalıştığımı göstermek için bir jsFiddle yaptım :

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

Dokümanlardaki "Seçileni Dinamik Olarak Güncelleme" bölümünden: Alandaki " selected : updated" olayını tetiklemeniz gerekir

$(document).ready(function() {

    $('select').chosen();

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

});

NOT: 1.0'dan önceki sürümler aşağıdakileri kullanır:

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

Cevabım gecikti, ancak yukarıdaki cevapların hepsinde gözden kaçan bazı bilgileri eklemek istiyorum.

1) Seçilen seçimde tek bir değer seçmek istiyorsanız.

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

2) Birden fazla seçilen seçimi kullanıyorsanız, tek seferde birden çok değer ayarlamanız gerekebilir.

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

Aşağıdaki bağlantılardan toplanan bilgiler:
1) Seçilen Dokümanlar
2) Seçilmiş Github Tartışması

Bazen seçilen seçenekleri değiştirmek için mevcut seçenekleri kaldırmanız gerekir.

Seçeneklerin nasıl ayarlanacağına dair bir örnek:

<select id="mySelectId" class="chosen-select" multiple="multiple">
  <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>
activateChosen($('body'));
selectChosenOptions($('#mySelectId'), ['Argentina', 'Germany']);

function activateChosen($container, param) {
    param = param || {};
    $container.find('.chosen-select:visible').chosen(param);
    $container.find('.chosen-select').trigger("chosen:updated");
}

function selectChosenOptions($select, values) {
    $select.val(null);                                  //delete current options
    $select.val(values);                                //add new options
    $select.trigger('chosen:updated');
}
</script>

JSFiddle (ekleme seçenekleri dahil): https://jsfiddle.net/59x3m6op/1/

Birden fazla seçim türü olması durumunda ve / veya önceden seçilmiş öğeleri tek tek, doğrudan bir açılır liste öğeleri içinde kaldırmak istiyorsanız, aşağıdaki gibi bir şey kullanabilirsiniz:

jQuery("body").on("click", ".result-selected", function() {
    var locID = jQuery(this).attr('class').split('__').pop();
    // I have a class name: class="result-selected locvalue__209"
    var arrayCurrent = jQuery('#searchlocation').val();
    var index = arrayCurrent.indexOf(locID);
    if (index > -1) {
        arrayCurrent.splice(index, 1);
    }
    jQuery('#searchlocation').val(arrayCurrent).trigger('chosen:updated');
});