multiple example chosen bootstrap javascript jquery select jquery-chosen

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



jquery chosen get selected value (3)

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");

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); });


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>


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