如何重置「清除搜索」上的下拉值

我在搜索表單和清除搜索按鈕中有一個下拉菜單。我希望點擊按鈕後可以清除下拉框中的選定值。所有作品都包含咖啡代碼，除了我無法清除下拉菜單。我怎樣才能做到這一點？如何重置「清除搜索」上的下拉值

<%= 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" %>

咖啡腳本

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

這是對我工作：

$（ '形式的選擇'）VAL（ ''）

來源

2013-03-05 Benamir

您正在使用相同ID爲2 DOM元素這就是爲什麼

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

在第二個下拉不會工作。你可以做的是使用一個類而不是id或者只是找到表單中的元素。您也可以使用val('')重置該值。

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

來源

2013-03-06 07:08:27 jvnill

我將它改爲$（'。clear-dropdown-fields'）。prop（'selectedIndex'，0）它不能正常工作。 – Benamir 2013-03-06 15:47:10

我給了他們不同的ID，並沒有工作 – Benamir 2013-03-06 15:48:10

$（'form select'）。val（''）爲我工作，謝謝。 – Benamir 2013-03-06 15:50:00

你可以在電話會議上reset()。窗體將字段返回到其初始值。

或者您可以將selectedIndex設置爲0。

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

來源

2013-03-05 23:17:07 alex

感謝您的幫助。不幸的是，既不爲我工作......任何想法爲什麼？ – Benamir 2013-03-06 02:59:08

@Benamir用你正在使用的代碼更新你的問題。 – alex 2013-03-06 04:18:57

如何重置「清除搜索」上的下拉值

回答

相關問題