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í.
$(".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();