example - jquery chosen select option

jQuery Elección restablecida

Question

Tengo un grupo de elementos select en un formulario con el que estoy usando el complemento Jquery Chosen . ¿Cómo puedo restablecer el formulario? Lo siguiente no funciona:

<input type="reset" />

Answer 1

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");

Answer 2

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

Answer 3

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

Answer 4

Necesitarás restablecer el valor del campo, luego activar el evento liszt:updated en la entrada para que se actualice, he creado 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");

Answer 5

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");

Answer 6

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

Answer 7

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

<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í .

Answer 8

Puedes intentar esto:

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