2

我已经经历了 N 个在 Rails 中创建动态下拉列表的解决方案,但似乎没有任何效果。

我有一个典型的州和城市模型,我不想使用卡门。

这是我的模型:-

市场.rb

class Market < ActiveRecord::Base
    attr_accessible :state, :cities_attributes

    has_and_belongs_to_many :users

    has_many :cities, :dependent => :destroy

    accepts_nested_attributes_for :cities

    validates :state, :presence => true, :uniqueness => true

end

城市.rb

class City < ActiveRecord::Base
    attr_accessible :city

    belongs_to :market

    has_and_belongs_to_many :users

end

在设计/注册/新(我希望用户在注册时选择州和城市)

%li
  =f.collection_select :city, Market.all,:id, :state, html_options = { :class => "custom_textarea"}
%li
 =render "devise/registrations/cities", :f => f

_cities.html.haml 部分

-unless cities.blank?
    =f.collection_select( :city, @cities, :id, :cities)

注册控制器.rb

def update_city_select
    @cities = City.where(:country_id => params[:id])
    render :partial => "cities", :locals => {:cities => @cities}
end

一旦用户选择一个州并填充相关城市,我希望城市列表发生变化。

我怎样才能做到这一点?

4

2 回答 2

2

您必须在包含状态下拉列表的视图中为此使用 ajax:

$("#stateDropdown").change(function(){
  $.get("controller/update_city_select.html?id="+$("#stateDropdown").val(), 
        function(data){ $("#cityDropdownDiv").html(data); } );
});

这会调用您的操作,并将您的 div 的内容替换为新的城市下拉列表。

对你的部分:

#cityDropdownDiv
    -unless @cities.blank?
        = collection_select( :market, :city, @cities, :id, :cities)

:f => f有了这个,您在渲染部分时不需要添加参数。

您应该在 html_option 部分的下拉列表中添加一个 id(我假设为“stateDropdown”)。

于 2012-05-22T10:22:58.257 回答
1

另一个非常有帮助的教程,我想这将帮助任何想要实现依赖下拉列表的人是http://www.petermac.com/rails-3-jquery-and-multi-select-dependencies/

于 2012-05-24T07:22:29.150 回答