Comment réinitialiser un formulaire avec le plugin jQuery chosen ?

Question

J'ai un tas de select dans un formulaire avec lequel J'utilise le plugin Jquery Chosen. . Comment puis-je réinitialiser le formulaire ? Ce qui suit ne fonctionne pas :

<input type="reset" />

Answer 1

Vous devrez réinitialiser la valeur du champ, puis déclencher la fonction liszt:updated sur l'entrée pour qu'elle soit mise à jour, j'ai fait un bricolage avec un exemple fonctionnel ici.

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

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

Depuis la sortie de chosen v1.0, le déclencheur s'appelle désormais "chosen:updated". Toute personne utilisant cette nouvelle version doit déclencher la mise à jour en utilisant

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

Answer 2

Depuis la sortie de chosen v1.0, le déclencheur s'appelle désormais "chosen:updated". Toute personne utilisant cette nouvelle version doit déclencher la mise à jour en utilisant

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

Answer 3

Vous pouvez essayer ceci :

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

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

Answer 4

Pour que la réinitialisation fonctionne naturellement, utilisez ceci :

$("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 5

Parfois, vous devez réinitialiser la sélection sur laquelle l'élu est appelé.

Je fais ça

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

Et appelez cette fonction comme ceci, avec les options comme argument

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