在 rails 中使用城邦 gem

Question

大家好，我目前正在设计一个注册表单，最终目标是用户可以从美国选择一个州，下面的选择标签将填充该州的正确城市。我正在使用城邦宝石。 https://github.com/loureirorg/city-state

我查看了类似这样的其他示例https://forum.upcase.com/t/dependent-country-city-state/7038我的代码在下面

routes.rb

resources :states, only: :new 

registrations.new.html.erb

   <div class="field">
        <%= f.select :state, options_for_select(CS.states(:us)), {:prompt => "State"}, {:class => "signup-input-container--input", :id => "state-picker"} %>
   </div>
   <div class="field">
        <%= f.select :city, options_for_select([]),{}, {:class => "signup-input-container--input", :id => "city-picker"} %>
   </div>

ma​​in.js

 document.addEventListener("turbolinks:load", function(){
  var state = document.getElementById("state-picker");
  state.addEventListener("change", function() {
    Rails.ajax({
     url: "/states?country=" + "United States" + "&state=" + 
     state.value,
     type: "GET"
    })
  })
});

registrations-controller.erb

 def new
  super
  @cities = CS.get(:us, params[:state])
 end

new.js.erb

    var city = document.getElementById("city-picker");

    while (city.firstChild) city.removeChild(city.firstChild);

    var placeholder = document.createElement("option");
    placeholder.text = "Choose a city";
    placeholder.value = "";
    city.appendChild(placeholder);

   <% @cities.each do |c| %>
     city.options[city.options.length] = new Option('<%= c %>');
   <% end %>  

我试图让它按照示例链接显示的方式工作。唯一的区别是用户只会从美国和城市中选择州

Answer 1

根据我们在 cmets 中的讨论，问题似乎是您为您的城市请求的 URL 错误。

您在/states/new 有一条路线，但正在向/states 发出请求。尝试将您的 main.js 更新为：

 document.addEventListener("turbolinks:load", function(){
  var state = document.getElementById("state-picker");
  state.addEventListener("change", function() {
    Rails.ajax({
     url: "/states/new?state=" + state.value,
     type: "GET"
    })
  })
});

（我删除了 URL 中的国家/地区参数，因为您似乎没有使用它，您说反正美国只需要这个。）

让我知道你是怎么做的。