如何重置多個向下滾動選擇的菜單

Question

我有2向下滾動菜單像

<%= f.label :term_id, "TERM *"%> 
    <br> 
<%= f.collection_select :term_id, Term.order(:id), :id, :name, include_blank: true %> 
    <br> 
<%= f.label :lesson_id, "LESSON *" %> 
    <br> 
<%= f.grouped_collection_select :lesson_id, Term.order(:name), :lessons, :name, :id, :name, include_blank: "Ders Seçiniz" %> 

和JavaScript代碼就是這樣

jQuery -> 
    lessons = $('#demand_lesson_id').html() 
    $('#demand_term_id').change -> 
    term = $('#demand_term_id :selected').text() 
    options = $(lessons).filter("optgroup[label='#{term}']").html() 
    if options 
     $('#demand_lesson_id').html(options) 
    else 
     $('#demand_lesson_id').empty() 

我需要當我點擊Reset按鈕復位。但除了課程組收集，所有表單元素都清理乾淨。

我該如何管理它？

Answer 1

表單重置按鈕應該恢復所有選擇的默認選項。但是如果你需要重寫任何重寫重置按鈕行爲的東西，這裏有一些普通的舊jQuery（對不起，但我對CoffeeScript不熟悉）。

看到它下面jsFiddle

$(function(){ 

    // reset button click 
    $('#myReset').click(function(){ 

     // cycle through each option and restore to default 
     $('#myForm select option').each(function(){ 
      $(this).prop('selected', $(this).prop('defaultSelected')); 
     }); 
    }); 
});