javascript - 如何重置 "clear search"上的下拉值

Question

我有一个搜索表单下拉菜单和一个清晰的搜索按钮。我希望单击按钮后清除下拉列表中的选定值。下面包含的 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" %>  

CoffeeScript

$("#q_reset").click ->
    $(".clear-fields").val('')
    $('input:checkbox').removeAttr('checked')
    $('#clear-dropdown-fields').prop('selectedIndex', 0)

这对我有用:

$('表单选择').val('')

Answer 1

您可以在表单上调用reset()，将字段返回到其起始值。

或者您可以将 selectedIndex 设置为 0。

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