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