javascript - jQuery を選択したプラグインでフォームをリセットするにはどうすればよいですか?

Question

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

<input type="reset" />

Answer 1

フィールドの値をリセットしてから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");

Answer 2

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

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

Answer 3

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

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

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

Answer 4

自然に作業をリセットするには、これを使用します。

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

より手間のかからないアプローチのために...入力が<form>タグ内にあると仮定します：

<form>
    <!-- your selects go here and any other input fields -->
    <input type="reset" value="Reset"> 
</form>

これは私がすることです：

$("input[type='reset'], button[type='reset']").click(function(e){
      setTimeout(function(){ $("select").trigger("chosen:updated"); }, 50);
});

ここでフィドルを参照してください。

Answer 6

jQueryでは、このようなものが機能するはずです

<input name="Text1" id="something" type="text">

<input type="reset" id="reset_me"/>


$("#reset_me").click(function() { 
$("#something").val("");
});