`
阅读更多
 
ruby 代码
  1. migration   
  2. create_table :products do |t|   
  3.   t.column :name:string  
  4.   t.column :category_id:integer  
  5. end  
  6.   
  7. create_table :categories do |t|   
  8.   t.column :name:string  
  9. end  
  10.   
  11. 10.times { |i|   
  12.   c = Category.create(:name => "Category#{i}")   
  13.   2.times { |j|   
  14.     Product.create(:name => "Product#{j}":category => c)   
  15.   }   
  16. }   
  17.   
  18. model   
  19.   
  20. class Category < ActiveRecord::Base   
  21.   has_many :products  
  22. end  
  23.   
  24. class Product < ActiveRecord::Base   
  25.   belongs_to :category  
  26. end  
  27.   
  28.   
  29. view   
  30. # option_groups_from_collection_for_select (collection, group_method, group_label_method, option_key_method, option_value_method, selected_key = nil)    
  31. # http://railsapi.masuidrive.jp/module/ActionView::Helpers::FormOptionsHelper#option_groups_from_collection_for_select   
  32.   
  33. <% @categories = Category.find(:all:include => "products") %>   
  34. <!--select-->   
  35.   <%= option_groups_from_collection_for_select(@categories:products:name:id:name) %>   
  36. <!--/select-->   
分享到:
评论

相关推荐

    下拉框(select),可以多选,带有分组搜索功能

    在本场景中,我们讨论的是一个具有特定增强功能的下拉框,它支持多选、分组以及搜索功能。这样的组件在处理大量数据或需要用户提供多个选择时特别有用。下面我们将详细探讨这些特性。 1. **多选功能**:在传统的...

    BootStrap下拉框使用

    1. 分组下拉框:通过在`&lt;li&gt;`标签上添加`dropdown-header`类,可以创建分组标题。 2. 右对齐下拉框:添加`dropup`类到`&lt;div class="dropdown"&gt;`,可以使其向上展开。 3. 激活下拉菜单项:使用`active`类标记当前...

    html分组多选单选下拉框.rar

    在HTML中,分组多选和单选下拉框是常见的表单元素,它们用于收集用户数据并提供多个选项供用户选择。这些功能通常通过`&lt;select&gt;`标签实现,配合`&lt;optgroup&gt;`进行分组,以及`&lt;option&gt;`定义可选的项目。下面将详细介绍...

    js 实现 给下拉框数据分组

    js 实现 给下拉框数据分组! 值得下载看看!资源免费,大家分享!!

    6种样式的下拉框

    有些下拉框可能按类别或分组显示选项,帮助用户更快地找到他们想要的选项。例如,对于国家/地区的选择,可以将它们按照大洲进行分组。 4. **多选功能**: 在某些情况下,用户可能需要同时选择多个选项。这种多选...

    Jquery实现下拉框多选

    2. 分组选择:通过在`&lt;optgroup&gt;`标签中组织`&lt;option&gt;`,可以创建有层次的多选下拉框,帮助用户更好地理解和选择。 3. 全选/全取消:提供一键选择所有选项或清除所有已选选项的功能,简化用户的操作。 三、使用步骤...

    基于bootstrap实现多个下拉框同时搜索功能

    在第一个下拉框中,我们可以看到使用了optgroup标签来分组下拉框的选项。这些选项来自于后台数据copyfromList,并且根据不同的类型进行分组。在这里,我们使用了三种类型的选项,即"UNESCO二类中心"、"科技动态与...

    select 下拉框可以多选

    此外,对于复杂的多选下拉框需求,例如需要分组或者更丰富的交互,可以考虑使用插件或库,如Chosen、Select2等。这些库提供了更多的功能,如搜索、分组、自定义模板等,并且可以很好地适应各种屏幕尺寸,提高了...

    layui多选下拉框样式,整套layui-select-multiple

    Layui是一个强大的前端UI框架,它提供了一系列美观且易于使用的组件,包括我们所讨论的多选下拉框。"layui-select-multiple"就是Layui专门为多选下拉框设计的一整套样式和功能。 首先,我们来看“layui多选下拉框...

    bootstrap实现多个下拉框同时搜索的实例

    在第一个下拉框中,我们使用了 `optgroup` 元素来分组下拉框的选项,并使用 `data-filter-type` 属性来指定筛选类型。在选项中,我们使用 `#list` 指令来循环遍历数据,并使用 `if` 语句来判断条件。 在第二个...

    Swing控件,多选下拉框

    在Java的Swing库中,`JComboBox`是用于创建下拉框的组件,它可以提供一个下拉菜单供用户选择。然而,标准的`JComboBox`只支持...对于更复杂的需求,如分组、搜索等功能,可能需要进一步的定制或使用更专业的组件库。

    下拉框组件

    在本文中,我们将深入探讨下拉框组件的相关技术,包括下拉框的分组、联动以及自定义列数等关键特性。 1. **基础下拉框组件** - **定义**:下拉框组件通常由一个显示字段(通常是文本)和一个可点击的指示器(如...

    bootstap下拉框(含多选下拉框)

    `bootstrap-select`插件提供了许多自定义选项,如禁用选项、设置默认选中项、添加分组等。例如,如果你希望设置默认选中的选项,可以在`&lt;option&gt;`标签中添加`selected`属性: ```html &lt;option selected&gt;Option 1 ...

    easyui的下拉框多选

    在本文中,我们将深入探讨EasyUI的下拉框多选功能,这是一个常用的功能,尤其在构建Web应用程序时,用户可能需要从多个选项中选择不止一个。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了丰富的...

    select特色下拉框个性下拉框兼容所有浏览器

    这些插件提供了丰富的自定义选项,如搜索功能、分组选项、多选模式等,且它们通常已经处理了浏览器兼容性问题。例如,Select2可以将原始的HTML`&lt;select&gt;`元素转换为一个高度可定制的下拉框,同时保持与原生元素的...

    js select美化下拉框美化

    例如,可以使用JS来创建自定义的下拉菜单,这些菜单在用户点击时会展开,提供更丰富的选项展示,比如带有图片、图标或者分组的选项。 1. **自定义样式**: 使用CSS,我们可以对下拉框的边框、背景色、字体、尺寸等...

Global site tag (gtag.js) - Google Analytics