Question

我想根据用户选择的国家/地区实施县的自动选择我的意思是，如果用户选择美国，它会显示县内的加利福尼亚州，纽约州等。

国家模型有

ID
名称

县模型

ID
COUNTRY_ID
地

现在我正在显示这样的字段

<% resource.build_user_profile if resource.user_profile.nil? %>
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put, :class => 'form-horizontal' }) do |f| %>
  <%= devise_error_messages! %>

<%= f.fields_for :user_profile do |profile_form| %>

 <label class="control-label"><%= profile_form.label :country_id %></label>
 <%= profile_form.collection_select("country_id", Country.find(:all), :id, :name_en) %>

 <label class="control-label"><%= profile_form.label :prefecture_id %></label>
 <%= profile_form.collection_select("prefecture_id", Prefecture.find(:all), :id, :name) %>

<% end %>

Answer 1

尝试改变这样的形式

<%= f.label :country_id %><br />
<%= f.collection_select :country_id, Country.all, :id, :name_en, include_blank: true %>

<%= f.label :state_id, "State or Province" %><br />
<%= f.grouped_collection_select :prefecture_id, Country.all, :prefectures, :name_en, :id, :name, include_blank: true %>

并粘贴到适当的咖啡文件中（如果型号为profile而不是profile.js.coffee）如果它位于文件名和内部文件中的其他模型更改配置文件中

jQuery ->
  $('#resource_name_user_profile_prefecture_id').parent().hide()
  prefectures = $('#resource_name_user_profile_prefecture_id').html()
  $('#resource_name_user_profile_country_id').change ->
    country = $('#resource_name_user_profile_country_id :selected').text()
    escaped_country = country.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g, '\\$1')
    options = $(prefectures).filter("optgroup[label='#{escaped_country}']").html()
    if options
      $('#resource_name_user_profile_prefecture_id').html(options)
      $('#resource_name_user_profile_prefecture_id').parent().show()
    else
      $('#resource_name_user_profile_prefecture_id').empty()
      $('#resource_name_user_profile_prefecture_id').parent().hide()

如何仅显示属于所选国家/地区的县？

1 个答案: