Estoy intentando cambiar la opción seleccionada actualmente en una selección con el complemento Elegido.
La documentación 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) sobre el cambio externo del valor seleccionado actualmente.
Hice 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);
});
Respuestas:
De la sección "Actualizar elegidos dinámicamente" en los documentos : debe activar el evento 'elegido: actualizado' en el campo
NOTA: las versiones anteriores a la 1.0 usaban lo siguiente:
fuente
chosen:updated
lugar deliszt:updated
$('select').val(2).trigger("chosen:updated");
$('select').val(2);
a$('select').val(2).change();
, porque cambiar la opción seleccionada de una selección con jQuery no activa el evento de cambio y algunas personas pueden necesitarlo.Mi respuesta es tardía, pero quiero agregar información que se perdió en todas las respuestas anteriores.
1) Si desea seleccionar un valor único en la selección elegida.
2) Si está utilizando una selección múltiple, es posible que deba establecer varios valores al mismo tiempo.
Información recopilada de los siguientes enlaces:
1) Documentos elegidos
2) Discusión de Github elegidos
fuente
A veces es necesario eliminar las opciones actuales para poder manipular las opciones seleccionadas.
A continuación, se muestra un ejemplo de cómo configurar opciones:
JSFiddle (incluido cómo agregar opciones): https://jsfiddle.net/59x3m6op/1/
fuente
var selected = mySelect.val();
avar selected = mySelect.val() || [];
.En caso de varios tipos de selección y / o si desea eliminar elementos ya seleccionados uno por uno, directamente dentro de los elementos de una lista desplegable, puede usar algo como:
fuente