1

検索フォームにドロップダウンがあり、検索ボタンがクリアされています。ボタンをクリックすると、ドロップダウンで選択した値がクリアされます。ドロップダウンをクリアできないことを除いて、以下に含まれているコーヒースクリプトコードはすべて機能します。これどうやってするの？

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

これは私のために働いたものです：

$（'form select'）。val（''）

4

2 に答える 2

1

フォームを呼び出しreset()て、フィールドを開始値に戻すことができます。

selectedIndexまたは、に設定することもできます0。

$('#clear-dropdown-fields').prop('selectedIndex', 0);
于 2013-03-05T23:17:07.520 に答える
0

2つのdom要素に同じIDを使用しているのは、その理由です

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

2番目のドロップダウンでは機能しません。できることは、idの代わりにクラスを使用するか、フォーム内の要素を見つけることです。val('')値をリセットするために使用することもできます。

$('form select').val('')
于 2013-03-06T07:08:27.680 に答える