una - Complemento de Jquery elegido: obtener los valores seleccionados
obtener valor por name jquery (8)
A partir de 2016, puede hacer esto de forma más simple que en cualquiera de las respuestas ya dadas:
$(''#myChosenBox'').val();
donde "myChosenBox" es la identificación de la entrada de selección original. O bien, en el evento de cambio:
$(''#myChosenBox'').on(''change'', function(e, params) {
alert(e.target.value); // OR
alert(this.value); // OR
alert(params.selected); // also in Panagiotis Kousaris'' answer
}
En el documento Chosen , en la sección cerca de la parte inferior de la página sobre eventos desencadenantes, dice "Elegido desencadena una serie de eventos estándar y personalizados en el campo de selección original". Uno de esos eventos estándar es el evento de cambio, por lo que puede usarlo de la misma manera que lo haría con una entrada de selección estándar. No tiene que perder el tiempo con el uso de las clases aplicadas por Chosen como selectores si no lo desea. (Para el evento de change
, eso es. Otros eventos son a menudo un asunto diferente).
¿Cómo puedo obtener los valores seleccionados de la casilla de selección múltiple elegida?
Como desde cualquier entrada / seleccionar / etc ... regular:
$("form.my-form .chosen-select").val()
Esta solución funcionó para mí
var ar = [];
$(''#id option:selected'').each(function(index,valor){
ar.push(valor.value);
});
console.log(ar);
asegúrese de tener sus etiquetas <option>
con su correspondiente atributo de value
. Espero eso ayude.
Esto funcionó para mí
$(".chzn-select").chosen({
disable_search_threshold: 10
}).change(function(event){
if(event.target == this){
alert($(this).val());
}
});
Si alguien quiere obtener solo el valor seleccionado al hacer clic en una opción, puede hacer lo siguiente:
$(''.chosen-select'').on(''change'', function(evt, params) {
var selectedValue = params.selected;
console.log(selectedValue);
});
si desea obtener el texto de una opción seleccionada (seleccione obtener mostrar el valor seleccionado)
$("#select-id").chosen().find("option:selected" ).text();
$("#select-id").chosen().val()
$("#select-id").chosen().val()
esta es la respuesta correcta, lo intenté, y el valor pasado es los valores separados por ","