選択したメニューを複数回スクロールする方法

2つのスクロールダウンメニューがあります

<%= f.label :term_id, "TERM *"%>
    
<%= f.collection_select :term_id, Term.order(:id), :id, :name, include_blank: true %>
<%= f.label :lesson_id, "LESSON *" %>
<%= 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()

リセットボタンをクリックするとリセットする必要があります。グループの授業以外のレッスンは除きます。

どうすればそれを管理できますか?

0

1 答え

フォームのリセットボタンは、すべての選択のデフォルトオプションをリストアする必要があります。しかし、リセットボタンの動作を上書きしているものを上書きする必要がある場合は、ここでいくつかの普通のjQuery(申し訳ありませんが、私はCoffeeScriptに慣れていません)です。

See it at the following 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'));
        });
    });
});
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript