Active-admin根据首次下拉选择drop drop dependent

时间:2017-03-09 08:05:14

标签: jquery ruby-on-rails ruby ajax activeadmin

我是ruby on rails和active admin的新手,我需要创建两个下拉列表,一个是位置,另一个是游戏。

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

你能帮助我吗?

ssh user@host </Volumes/VOLNAME/input.data >/Volumes/VOLNAME/output.data

1 个答案:

答案 0 :(得分:0)

是的,这很容易。您只需要包含用于使下拉列表关闭和打开的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代码。

这是你需要适应rails的css / html下拉列表 https://www.w3schools.com/CSS/css_dropdowns.asp

听到你找到关于如何使用jquery javascript切换div的解释 toggle show/hide div with button?

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