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