javascript - example - Cambiar la selección en una selección con el plugin Chosen

jquery chosen get selected value

Question

Estoy tratando de cambiar la opción actualmente seleccionada en una selección con el plugin Chosen.

La documentation cubre la actualización de la lista y la activación de un evento cuando se selecciona una opción, pero nada (que pueda ver) al cambiar externamente el valor seleccionado actualmente.

He hecho un jsFiddle para demostrar el código y mis intentos de cambiar la selección:

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

Answer 1

Desde la sección "Actualización elegida dinámicamente" en los documentation : debe activar el evento ''elegido: actualizado'' en el campo

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

NOTA: las versiones anteriores a la 1.0 utilizan lo siguiente:

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

Answer 2

En ocasiones, debe eliminar las opciones actuales para manipular las opciones seleccionadas.

Aquí hay un ejemplo de cómo agregar opciones:

<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>

Answer 3

Mi respuesta es tardía, pero quiero agregar algo de información que se omite en todas las respuestas anteriores.

1) Si desea seleccionar un solo valor en la selección elegida.

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

2) Si está utilizando la selección elegida múltiple, puede necesitar establecer múltiples valores en una sola vez.

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

Información recopilada de los siguientes enlaces:
1) Documentos seleccionados
2) Discusión elegida de Github