Rails：単純なフォーム入力値を変更するのにJqueryを使用してください

Question

私は数時間、答えを検索しようとしていますが、まだ運がないとレールに慣れています。 「すべて選択」ボタンをクリックしてクリックすると、すべての地域コードが自動的に領域に入力されるようにしました。 ご協力いただきありがとうございます！

部分_form：

<div id = "select_regions_form"> 
    <%= render partial: 'reports/regions_form', locals: { f: f, all_regions: @all_regions } %> 
    <%= button_tag "Select All", :id => "select_all", :class => "btn btn-small btn-inverse", :type => "button" %> 
    </br> 
</div> 

parial _region_form.html.erb：

<div class="row"> 
    <div id = "region_list" class="col-md-4"> 
    <%= f.input :regions, collection: all_regions, 
    label_method: :region_code, value_method: :id, input_html: { multiple: true }%> 

    </div> 
</div> 

のjavascript：

(function($){ 
    "use strict"; 

    $(document).ready(function(){ 
    $("#select_all").click(function() { 
     $("input:regions").val(*all the region codes*); 

    }); 
    }); 
})(jQuery); 

Answer 1

parial _region_form.html.erb：

IDを選択入力に追加するか、すでに使用可能なIDを使用します（これはレールで自動的に作成されます（参考：ブラウザでIDを確認して参照できます）。

ここでは、選択フィールドにID select_regionsを追加しています。

<%= f.input :regions, collection: all_regions, 
    label_method: :region_code, value_method: :id, input_html: { multiple: true, id: 'select_regions' }%> 

のjavascript：すべて選択をクリックするだけですべてのオプションのためにtrueにプロパティを設定しselected

。

$(document).ready(function(){ 
    $("#select_all").click(function() { 
    $('#select_regions option').prop('selected', true); 
    }); 
});