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添加到選擇輸入或使用由rails自動創建的可用ID（FYI：您可以在瀏覽器中檢查並查看該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：

設置屬性selected到true上的全部選擇單擊所有選項。

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