Pregunta jQuery Elección restablecida


Tengo un montón de select elementos en una forma con la cual Estoy usando el plugin Jquery Chosen. ¿Cómo puedo restablecer el formulario? Lo siguiente no funciona:

<input type="reset" />

73
2017-10-26 01:26


origen


Respuestas:


Deberá restablecer el valor del campo, luego disparar el liszt:updated evento en la entrada para que se actualice, he hecho un violín con un ejemplo de trabajo aquí.

http://jsfiddle.net/VSpa3/3/

$(".chzn-select").chosen();
$('a').click(function(){
    $(".chzn-select").val('').trigger("liszt:updated");
});​

Desde el lanzamiento del v1.0 elegido, el activador ahora se llama 'elegido: actualizado'. Cualquiera que use esta nueva versión necesita activar la actualización usando

$(".chosen-select").val('').trigger("chosen:updated");

171
2017-10-26 01:46



Desde el lanzamiento del v1.0 elegido, el activador ahora se llama 'elegido: actualizado'. Cualquiera que use esta nueva versión necesita activar la actualización usando

$(".chosen-select").val('').trigger("chosen:updated");

50
2017-08-08 17:00



Puedes intentar esto:

$('select').chosen('destroy');  

$('select').prop("selectedIndex", -1);   
$('select').chosen();

12
2017-08-22 16:08



Para restablecer el trabajo de forma natural, usa esto:

$("input[type='reset'], button[type='reset']").click(function(e){
    e.preventDefault();

    var form = $(this).closest('form').get(0);
    form.reset();

    $(form).find('select').each(function(i, v) {
        $(v).trigger('chosen:updated');
    });
}

10
2017-10-28 13:56



Ninguna de las opciones anteriores funciona para mí. Tuve que hacerlo como en la vieja escuela, incluso usando algunos javascript nativos, aquí está el código:

$('#dllSample option').each(function(){
     $(this)[0].selected = false;   
});
$("#dllSample").trigger("chosen:updated");

0
2017-10-06 16:33



En ocasiones, debe restablecer la selección a la que se llama el elegido.

hago esto

jQuery.fn.chosen_reset = function(n){
  $(this).chosen('destroy');
  $(this).prop('selectedIndex', 0);
  $(this).chosen(n)
}

Y llame a esta función así, con las opciones como argumento

$('select').chosen_reset({width:'369px'});

-1
2017-09-04 07:53



Para un enfoque más libre de problemas ... suponiendo que sus entradas están dentro <form> etiquetas:

<form>
    <!-- your selects go here and any other input fields -->
    <input type="reset" value="Reset"> 
</form>

Esto es lo que haría:

$("input[type='reset'], button[type='reset']").click(function(e){
      setTimeout(function(){ $("select").trigger("chosen:updated"); }, 50);
});

Ver violín aquí.


-1
2018-02-02 23:04



En jQuery algo como esto debería funcionar

<input name="Text1" id="something" type="text">

<input type="reset" id="reset_me"/>


$("#reset_me").click(function() { 
$("#something").val("");
});

-2
2017-10-26 01:34