按鈕清除所有選擇字段

Question

 <form method="post" action="asdasd" class="custom" id="search">
 <select name="sel1" id="sel1">
   <option value="all">all</option>
   <option value="val1">val1</option>
   <option value="val2" selected="selected">val2</option>
 </select>
 <select name="sel2" id="sel2">
   <option value="all">all</option>
   <option value="val3">val3</option>
   <option value="val4" selected="selected">val4</option>
 </select>
 </form>

我想選擇所有選擇的第一個字段（因此將值“ all”設置為所有選擇）單擊一個按鈕

Answer 1

您的表格應該有一個重置按鈕

<form method="post" action="asdasd" class="custom" id="search">
 <select name="sel1" id="sel1">
   <option value="all">all</option>
   <option value="val1">val1</option>
   <option value="val2" selected="selected">val2</option>
 </select>
 <select name="sel2" id="sel2">
   <option value="all">all</option>
   <option value="val3">val3</option>
   <option value="val4" selected="selected">val4</option>
 </select>
 <input type="button" name="Reset" />
 </form>

在下面的代碼中向表單中添加一個重置按鈕輸入元素后，應重置所有選擇字段。

jQuery( "input[name=Reset]" ).click( function(){ //jQuery click event
jQuery( "select" ).each(function() {     //for each select type
    $(this).val( "all" );
});

});

Answer 2

您必須將selected的屬性添加到所有選擇框的第一個選項中。

$("select option:first").attr('selected','selected');

看我的小提琴

希望能幫助到你。

Answer 3

您不需要使用jquery。 這可以通過JavaScript完成

  document.getElementById("sel1").selectedIndex = 0;

這是我的JSFiddler演示，以獲取完整的代碼。

這是上面實現的jQuery方法

  $("select").val("0");    

或者更具體

  $("#sel1 , #sel2").val("0");