如何重置多个向下滚动选择的菜单

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')); 
     }); 
    }); 
});