web-dev-qa-db-ja.com

jQueryを使用してボタンクリックイベントのドロップダウンリストの値をクリアするにはどうすればよいですか？

JQueryを使用してボタンクリックイベントのドロップダウンリストの値をクリアするにはどうすればよいですか？

jquerybuttondrop-down-menuclickclear
35
kumar

Russ Camで与えられる最初のソリューションのより短い代替案は次のようになります。

$('#mySelect').val('');

これは、リストを保持したいが、オプションが選択されないようにすることを前提としています。

特定のデフォルト値を選択する場合は、空の文字列の代わりにその値を渡すだけです。

$('#mySelect').val('someDefaultValue');

またはオプションのインデックスでそれを行うには、次のようにすることができます：

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option
34
user113716
$('#dropdownid').empty();

これにより、ドロップダウン要素の下にあるすべての<option>要素が削除されます。

選択したアイテムの選択を解除する場合は、Russのコードを使用します。

54
jAndy

選択したオプションをリセットする場合

$('select option:selected').removeAttr('selected');

実際にremoveオプションを使用したい場合（これを意味するとは思わないが）。

$('select').empty();

selectをあなたの場合の最も適切なセレクタに置き換えてください（これはidまたはCSSクラスによるかもしれません）。そのまま使用すると、ページ上のすべての<select>要素がリセットされます

17
Russ Cam

bootstrap jQueryを使用してボタンをクリックしてページをリセットする場合：

function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

上記のコードを使用すると、フィールドの色を赤から通常に変更することもできます。

フィールド化された値のみをリセットする場合：

$("#form_ID")[0].reset();
0
Prabhjyot Saini