Jquery 活动管理员根据第一个下拉列表选择依赖于下拉的负载_Jquery_Ruby On Rails_Ruby_Ajax_Activeadmin

Jquery 活动管理员根据第一个下拉列表选择依赖于下拉的负载

jquery ruby-on-rails ruby ajax

Jquery 活动管理员根据第一个下拉列表选择依赖于下拉的负载,jquery,ruby-on-rails,ruby,ajax,activeadmin,Jquery,Ruby On Rails,Ruby,Ajax,Activeadmin,我是RubyonRails和active admin的新手，我需要创建两个下拉列表，一个是位置，另一个是游戏游戏基于位置，所以如果我从下拉列表中选择位置，它应该在第二个下拉列表中显示与特定位置相关的游戏你能帮我吗 form do |f| f.inputs do f.input :location_id, :as => :select, :collection => Location.all.collect {|var| [var.locatio

我是RubyonRails和active admin的新手，我需要创建两个下拉列表，一个是位置，另一个是游戏

游戏基于位置，所以如果我从下拉列表中选择位置，它应该在第二个下拉列表中显示与特定位置相关的游戏

你能帮我吗

    form do |f|
       f.inputs do
       f.input :location_id, :as => :select, :collection => Location.all.collect {|var| [var.location, var.id] }
       f.input :game_id, :as => :select, :collection => Game.all.collect {|var| [var.game, var.id] }
    end
    f.actions
end

是的，很简单。您只需要包含Javascript代码来关闭和打开下拉列表。因此，当用户单击下拉列表时，下拉列表将打开

管理单击事件的jquery示例

$('.divtobeclicked').click(function() {
     $('.dropdown').toggle()
});

然后，下拉式HTML将是这样的，

i class=“icon..”

是一个fontawesome图标，因此您需要在项目中包含fontawesome gem

<div class="divtobeclicked">
    <i class="icon-task-l"></i>
</div>
<div class="dropdown">
  <ul>
   <li>first option</li>
   <li>first option</li>
   <li>first option</li>
  </ul>
</div>



第一选择
第一选择
第一选择

然后需要编辑这些li，以便它们与rails兼容

<%= form do |f| %>
    <li><%= f.input :location_id ..... %></li>
    .....
<% end %>



.....

您可以在网上轻松找到di css/javascript代码

这是css/html下拉列表，您需要为rails进行调整

您将看到关于如何使用jquery的javascript切换div的说明

要在项目中使用javascript、css，您需要熟悉资产管道。

是的，这非常简单。您只需要包含Javascript代码来关闭和打开下拉列表。因此，当用户单击下拉列表时，下拉列表将打开