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>

我想选择所有选择的第一个字段（所以设置值＆＃34;所有＆＃34;到所有选择）点击按钮

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');

请参阅my fiddle

希望它有所帮助。

Answer 3

您不需要使用jquery。这可以通过JavaScript

完成

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

这是完整代码的JSFiddler demo。

这是jQuery实现上述方法

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

或者更具体

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

按钮清除所有选择的字段

3 个答案: