`
sun201200204
  • 浏览: 298841 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

多选列表

阅读更多
<%= select_tag 'categories[]',
options_for_select( @categories ), { :multiple => true,
:size => 15,
:style => "width:250px" }
%>

格外留意:
:multiple => true, 这个是多选
categories[]这个一定要是数组或者Hash

补充个参数
eg.
<%= select_tag 'category',
           options_for_select(@select_category,77),
           { :default => true}%>

这样就有默认值了,77是hash里的值
比如controller里这么写~
     @select_category = {}
      @select_category.store("",77)
分享到:
评论
1 楼 zmfbird 2008-09-04  
想问一下,我有两个表gas_items和exp_items。exp_items有gas_item_id这一项。我现在要新建一个exp_item,new页面上想采用下拉列表的形式显示gas_item里面的内容,比如name.而且
这个下拉列表是多选的。
这个应该怎么实现?我现在可以在页面上实现下拉列表,但是没发向数据库保存数据。这里的gas_item_id的属性是integer。数据库是不是应该修改?
<%= select_tag("exp_item_gasname",options_for_select(GasItem.find(:all,:order=>"name").collect {|p| [ p.name, p.id]}.insert(0,['请选择',nil]),params[:exp_item]),:multiple => true ) %>

相关推荐

    多选列表的demo

    在IT领域,多选列表(Multiple Select List)是一种常见的用户界面元素,用于让用户从一系列选项中选择多个项目。这种交互方式广泛应用于各种软件、网站和应用程序中,为用户提供了一种高效的方式来选择他们感兴趣的...

    下拉多选列表

    下拉多选列表是用户界面设计中常见的交互元素,它允许用户从一组预设选项中选择多个项目。在Java编程中实现这样的功能,通常会涉及到 Swing 或 JavaFX 这样的图形用户界面(GUI)库。这里,我们有一个名为"下拉多选...

    jsp实现多选列表框

    本资源是用js与html控制的代码,用来实现列表框数据可以多选

    多选列表值的移动和获取值

    在IT领域,尤其是在软件开发中,处理用户界面(UI)时,多选列表框(Multiple Select Boxes)是一种常见的组件,允许用户从多个选项中选择一个或多个值。本篇文章将深入探讨多选列表值的移动和获取,以及相关源码和...

    extjs中的多选列表

    在EXTJS这个强大的JavaScript框架中,虽然原生并未直接提供多选列表(Multi Select List)组件,但开发者可以通过自定义组件或者利用EXTJS现有的组件进行组合来实现这一功能。EXTJS是一个用于构建富客户端Web应用的...

    jquery 多选列表框

    本话题聚焦于“jQuery 多选列表框”,这是一种允许用户在两个列表之间双向选择项的交互控件,通常用于数据筛选或选项分配。 首先,我们来看`jquery.multiselect2side`这个压缩包文件,它很可能包含了实现这种功能的...

    C#使用多选列表框控件

    在C#编程中,多选列表框控件(ListBox)是一种常见的用户界面元素,它允许用户从一组选项中选择一个或多个项目。本教程将深入探讨如何在C#应用程序中有效地利用多选列表框控件,提高用户体验并实现更丰富的交互功能...

    可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo

    "多选下拉列表"和"复选下拉列表"是常见的组件,用于提供用户在一组选项中进行多个选择的功能。这些组件通常用于数据筛选、配置设置或信息录入等场景。本主题将深入探讨基于jQuery的多选下拉列表插件及其应用。 1. *...

    网页多选列表

    本程序在网页中设计了多选列表,代码简单、实用,很适合初学者。

    单选多选列表弹出框

    可自定义单选、多选类型 可自定义listview样式 可记忆多选项 监听了listview的 OnItemClickListener(可在其中设置多选项数量的限制) 监听了 PopupWindow 的OnPopDismissListener 弹出框右上角突出圆形关闭按钮 可...

    18. android dialog —— 多选列表对话框

    本教程将深入讲解如何创建一个多选列表对话框(MutiChoice Dialog),让用户能够在多个选项中进行选择。 首先,我们来了解`AlertDialog`的基本结构。`AlertDialog`是Android SDK提供的一个对话框类,它提供了多种...

    一个不错的 Form 多选列表控件效果 - option, multiple, select, form,.files.rar

    虽然原生的多选列表控件在功能上满足需求,但在视觉效果和用户体验方面可能不尽如人意。为提升用户体验,开发者通常会使用CSS和JavaScript库(如jQuery UI或Bootstrap)对这些元素进行样式调整。例如,可以添加...

    javascript 实现多选列表框效果

    实现多选列表框的 添加,移除,全部移除,方便多个选项的同时操作.

    jquery按关键词多选列表框选项.rar

    在这个“jquery按关键词多选列表框选项.rar”压缩包中,我们可以推测包含了一个实现基于关键词搜索的多选列表框的jQuery插件或示例。这种功能在网页表单中尤其有用,它允许用户通过输入关键词快速找到并选择多个相关...

    CheckBox实现多选列表,并实现全选、反选功能

    本文将深入探讨如何使用CheckBox来创建一个多选列表,并实现全选和反选的功能。这些功能常见于各种应用,如设置菜单、购物车等,使得用户可以方便地进行多项操作。 首先,我们需要一个ListView来展示列表项。...

    左右移动多选列表控件

    标题中的“左右移动多选列表控件”是指一种常见的用户界面元素,用于在两个列表之间进行选择和转移项。这种控件通常包含两个并排放置的列表框,一个表示已选择的项目,另一个则显示可选项。用户可以通过点击或拖动...

    Flex带CheckBox的多选 列表和表格

    在多选列表和表格中,我们通常会结合`List`或`DataGrid`组件来实现多选功能。下面我们将详细讨论如何在Flex中实现带有CheckBox的多选列表和表格。 首先,`CheckBoxList`是基于`List`组件的扩展,它为每个列表项添加...

    IOS应用源码之多选列表组件KNMultiItemSelector .rar

    在iOS开发中,多选列表组件是常见的交互元素,它允许用户从多个选项中选择一个或多个项目。本文将深入探讨基于iOS的多选列表组件——`KNMultiItemSelector`,该组件通常用于创建自定义的多选下拉菜单或者筛选器。 `...

    js多选下拉列表

    本篇文章将深入探讨这一主题,包括复选下拉列表、jQuery多选列表以及多级联动的实现。 首先,我们来看**多选下拉列表**的基本概念。在HTML中,`&lt;select&gt;`标签用于创建下拉列表,通过`multiple`属性可以启用多选功能...

    MFC实现的多选的列表框ListBox

    本文以包含两个列表框的对话框为例,实现了对话框常用的功能。左边的“待选的历史人物”列表框包含历史人物的名字,当选中人名并单击“添加”按钮,则名字会被添加...且列表框中的选项可以实现多选和多个选项同时操作。

Global site tag (gtag.js) - Google Analytics