將Bootstrap表單幫助程序合並到simple_form中

Question

我正在嘗試使用國家/地區實現選擇菜單，然后在選擇國家/地區后使用狀態過濾選擇菜單。

我使用SimpleForm和Bootstrap，因此以下內容似乎非常適合我： http : //vincentlamanna.com/BootstrapFormHelpers/state.html

我目前將country_select gem與SimpleForm一起使用，並且我的代碼包含：

<%= f.input :country, :id => "business_country", :input_html => { :class => "span6" } %>
<%= f.input :state, :input_html => { :class => "span6" } %>

當我包含相關的js文件並包含Bootstrap Form Helpers的默認示例代碼時，此行為將按預期進行，但我希望將其包含在SimpleForm中，以便將其保存到數據庫中。 這是正確執行的默認示例代碼：

<select id="countries_states1" class="input-medium bfh-countries" data-country="US"></select>
<select class="input-medium bfh-states" data-country="countries_states1"></select>

有人可以建議如何實現此功能嗎？

謝謝。

Answer 1

您是否遵循simple_form gem自述文件上的指示進行安裝以支持Bootstrap？ https://github.com/plataformatec/simple_form#twitter-bootstrap

rails generate simple_form:install --bootstrap

Answer 2

通過找到正確的國家選擇（我在原始問題中的代碼中看到的business_country）的正確ID，然后將數據國家添加到SimpleForm的input_html中以選擇國家，我可以使其工作。 編碼：

<%= f.input :country, :input_html => { :class => "span6 input-medium bfh-countries"} %>
<%= f.input :state, as: :select, :input_html => {:class => "span6 input-medium bfh-states", 'data-country' => ('business_country') } %>