web-dev-qa-db-ja.com

jQuery選択済みリセット

Jquery Chosenプラグインを使用しています のフォームにselect要素がたくさんあります。フォームをリセットするにはどうすればよいですか？以下は機能しません。

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

フィールドの値をリセットしてから、入力でliszt:updatedイベントをトリガーして更新する必要があります。

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

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

選択したv1.0のリリース以降、トリガーは「chosen：updated」と呼ばれるようになりました。この新しいバージョンを使用しているユーザーは、次を使用して更新をトリガーする必要があります。

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

選択したv1.0のリリース以降、トリガーは「chosen：updated」と呼ばれるようになりました。この新しいバージョンを使用しているユーザーは、次を使用して更新をトリガーする必要があります。

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

これを試すことができます：

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

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

リセットが正常に機能するようにするには、これを使用します：

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

以前のオプションはどれもうまくいきません。私は古い学校のようにそれをしなければなりませんでした、いくつかのネイティブjavascriptを使用して、ここにコードがあります：

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