multiple example ejemplo chosen bootstrap jquery jquery-plugins jquery-chosen

example - jquery chosen select option



jQuery Elección restablecida (8)

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

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" />


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


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


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


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


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


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


Puedes intentar esto:

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