在rails上的ruby中使用jQuery绑定下拉列表

时间:2012-12-20 11:37:22

标签: jquery ruby-on-rails jquery-ui

我在html.erb文件中有以下表格

users.html.erb

 <% form_tag (:action =>:abc_action)do%>
                            <%= label_tag(:user,"Select User") %><br/>
                             <%=collection_select("user",id",@result,"uid","uid",:prompt=>"--Select User--")%><br/>
    <%= collection_select("subject", "id",@res,"id", "id",:prompt=>"--Select Subject--")%><br/>

   <%= submit_tag 'Submit',:id => 'btn'%>
                    <%end %>

我想根据第一个下拉列表的选定值更改第二个下拉列表的内容。

为此,我在第一个下拉列表的更改事件上调用jQuery方法。控制器工作正常,控制器返回的值是数组类型。

我的jQuery代码是......

jQuery(document).ready(function() {
jQuery("#edetail_id").change(function() {
    jQuery.get('/requests/find_val/?emid=' + jQuery("#user_id").val(),function(data)
   {

          jQuery("#subject_id").html(data);
   }); 
 });
});

我的控制器是Users_controller.rb

 def find_val
 @acc = user.find(:all, :conditions => ["uid = ?", params[:emid] ])
     @res = Array.new
                            for result in @acc
                                    @res << result.ndid
                            end

          render :text => @res

 end

请有人帮助我..我该怎么做?

1 个答案:

答案 0 :(得分:1)

我必须猜一下,但我认为这会让你朝着正确的方向前进。对于这种事情,我真的不喜欢rails select helpers。您可能只是在erb循环中进行常规html选择

<% form_tag (:action =>:abc_action)do%>
     <%= label_tag(:user,"Select User") %><br/>
     <%=collection_select("user","id", @result,"uid","uid",:prompt=>"--Select User--")%>
     <div id="result_holder">
      <%= collection_select("subject", "id",@res,"id", "id",:prompt=>"--Select",    
     :html=> {:id => "result"})%>
     </div>
    <br/>
     <%= submit_tag 'Submit',:id => 'btn'%>
   <%end %>

的jQuery

jQuery(document).ready(function(){
jQuery("#edetail_id").change(function() {
    var id =  jQuery("#user_id").val()
    jQuery.get('/requests/find_val/' + id)
});

的routes.rb

match "/users/find_val/:id" => "users#find_val", :as => :todo_select

我猜你想要主题到选定的用户

def find_val
 @subjects = User.find(params[:id]).subjects
end

视图/用户/ find_val.js

$(“#result_holder”)。empty()。append(“&lt;%= j(collection_select(”subject“,”id“,@ subject,”id“,”id“,:prompt =&gt; “ - 选择主题 - ”)%&gt;“)