jquery - trigger - El evento de cambio de complemento elegido no se activa

onchange javascript ejemplo

Question

Estoy usando el plugin de jQuery elegido y noté que el evento de change solo funciona cuando la página se carga, NO cada vez que se cambia el campo de input .

¿Cómo puedo hacer que funcione cada vez que el usuario cambia el valor del campo de entrada?

Aquí está mi código:

 $("#day").chosen().change({
console.log(''working'');
});

¿Me estoy perdiendo de algo?

Answer 1

Luego, escríbalo en el evento de entrada de keyup:

$(''inputselector'').keyup(function() {
$("#day").chosen().change({
console.log(''working'');
});
});​

y en dom listo:

$(''inputselector'').trigger(''keyup'');

Answer 2

Para disparar el evento de cambio estándar, use como:

 $(''#day'').on(''change'', function(e) {
// triggers when whole value changed
console.log("value changed");
});

Para activar el evento en cada pulsación de tecla,

 $(''#day'').on(''keyup'', function(e) {
// triggers when each key pressed
console.log("key pressed");
});

Para conocer los eventos predeterminados de elegido, consulte aquí .

Answer 3

Actualización elegida dinámicamente

Si necesita actualizar las opciones en su campo de selección y desea que Elegido recoja los cambios, deberá activar el evento "elegido: actualizado" en el campo. Elegido se reconstruirá a sí mismo en función del contenido actualizado.

$("#foo").trigger("chosen:updated");

Answer 4

Prueba esto:

$(document).ready(function(){
$("selector").chosen().change(function(){
var id = $(this).val();
});
})

Answer 5

 //Asp.net dropdown listbox
<asp:ListBox ID="CompanySelect" runat="server" AppendDataBoundItems="true"
AutoPostBack="true"
data-placeholder="Select Companies" class="chosen-select" SelectionMode="Multiple"
EnableViewState="true" Height="39px" Width="99%" >
<asp:ListItem Value="0">All</asp:ListItem>
</asp:ListBox>
//This code help me for hiting chozen change event.
$(''#chosen'').val('''').change()
{
alert("working");
}
//if you want to get select value you need to do this.
$(''#chosen'').val('''').change()
{
alert($(".chosen-select").val());
}