Javascript 如何重置“上的下拉值”；清除搜索“；

我在搜索表单中有一个下拉列表和一个清晰的搜索按钮。我希望在单击按钮时清除下拉列表中的选定值。下面包含的coffeescript代码除了我无法清除下拉列表外，其他所有功能都可用。我该怎么做

<%= search_form_for @search, :builder => SimpleForm::FormBuilder do |f|%>
  <%= f.input :year_gteq, :collection =>years_options%>

  <%= f.input :year_lteq, :collection =>years_options%>

<%= f.submit "Clear Search", :name => nil, :id => :q_reset, :class => "btn" %>  

这就是我的工作原理：

$（'form select'）.val（“”）

您可以在表单上调用

reset（）

，将字段返回到其起始值

或者您可以将

selectedIndex

设置为

0

$('#clear-dropdown-fields').prop('selectedIndex', 0);

您可以在表单上调用

reset（）

，将字段返回到其起始值

或者您可以将

selectedIndex

设置为

0

$('#clear-dropdown-fields').prop('selectedIndex', 0);

---

您对2个dom元素使用相同的id，这就是原因

$('#clear-dropdown-fields').prop('selectedIndex', 0)

在第二个下拉列表中不起作用。您可以使用类而不是id，或者只查找表单中的元素。您还可以使用

val（“”）

重置该值

$('form select').val('')

---

您对2个dom元素使用相同的id，这就是原因

$('#clear-dropdown-fields').prop('selectedIndex', 0)

在第二个下拉列表中不起作用。您可以使用类而不是id，或者只查找表单中的元素。您还可以使用

val（“”）

重置该值

$('form select').val('')

---

谢谢你的帮助。不幸的是，两者都不适合我。。。知道为什么吗？谢谢你的帮助。不幸的是，两者都不适合我。。。知道为什么吗？我把它改成了$（'.clear dropdown fields'）.prop（'selectedIndex'，0）它还不能工作。我把它改成了$（'.clear dropdown fields'）.prop（'selectedIndex'，0）它还不能工作。