web-dev-qa-db-fra.com

jQuery Choisi réinitialiser

J'ai un groupe d'éléments select sous une forme avec laquelle j'utilise le plugin Jquery Chosen . Comment puis-je réinitialiser le formulaire? Ce qui suit ne fonctionne pas:

<input type="reset" />
jqueryjquery-pluginsjquery-chosen
76
P H

Vous devrez réinitialiser la valeur du champ, puis déclencher l'événement liszt:updated sur l'entrée pour le mettre à jour. Nous avons créé un violon avec un exemple de travail ici. 

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

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

Depuis la publication de la version 1.0 choisie, le déclencheur est maintenant appelé "choisi: mis à jour". Toute personne utilisant cette nouvelle version doit déclencher la mise à jour à l'aide de

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

Depuis la publication de la version 1.0 choisie, le déclencheur est maintenant appelé "choisi: mis à jour". Toute personne utilisant cette nouvelle version doit déclencher la mise à jour à l'aide de

$(".chosen-select").val('').trigger("chosen:updated");
51
Jack O'Neill

Vous pouvez essayer ceci:

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

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

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

Aucune des options précédentes ne fonctionne pour moi. Je devais le faire comme à l'ancienne, même en utilisant du javascript natif, voici le code:

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