首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在rails应用中显示f.select子类别的正确方法是什么?

在rails应用中显示f.select子类别的正确方法是什么?
EN

Stack Overflow用户
提问于 2016-09-10 03:10:39
回答 2查看 475关注 0票数 1

我正在构建一个Rails应用程序,用户必须通过f.select选择业务类型。

我以前使用过f.select,没有任何问题。但是现在我必须在select中添加子类别。

在我的应用程序中,用户必须选择一个类别,然后根据父类别选择一个子类别。

我该怎么做?有可能吗?

这基本上是我需要的:

-类别1- -子猫-1a-- -次猫-1b-- -次猫-1c-- -次cat-2a-- -次猫-2b-- -次猫-2c-- -次猫-3a-- -次猫-3b- -次猫-3c--

我不知道我怎么能做到这一点,任何建议都会很好。

我一直在谷歌搜索但没有成功

我还没有开始构建这个,我想先在这里检查一下是否有人找到了解决方案

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-09-10 03:43:11

这是绝对可以做到的。您可以使用标准rails表单或simple_form gem来完成此操作。

例如,如果您有要显示的类别和项,则标准rails表单如下所示:

代码语言:javascript
复制
<%= form_for @item do |f| %>

    <%= f.grouped_collection_select(:category_id, Category.order(:name), 
                          :items, :name, :id, :title, 
                          include_blank: "Please Choose...") %>
<% end %>

这将显示主要类别,然后显示每个类别中的子类别(在本例中为项)。它的输出如下所示,其中accessories, canon camera等是主要类别,manfrotto tripod, canon 5D3是子类别:

它类似于html optgroup标记,它如下所示:

代码语言:javascript
复制
<select>
 <optgroup label="Group 1">
   <option>Option 1.1</option>
 </optgroup> 
 <optgroup label="Group 2">
   <option>Option 2.1</option>
   <option>Option 2.2</option>
 </optgroup>
 <optgroup label="Group 3" disabled>
   <option>Option 3.1</option>
   <option>Option 3.2</option>
   <option>Option 3.3</option>
 </optgroup>
</select>

它产生:

显然,您必须修改这个以适应您的项目,但它绝对可以实现。

票数 3
EN

Stack Overflow用户

发布于 2016-09-10 05:44:50

要进行更灵活的调整,可以使用select2 https://select2.github.io

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39422138

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档