rails的actionviews提供了友好的form builder类来简洁的动态生成表单元素,相比于简单的textfield,select helper有一些特别,传入参数较多,根据rails的api文档,对select的使用说明如下:
引用
select(object, method, choices, options = {}, html_options = {})
object是指select选项所修饰的目标对象,method是目标对象的属性(方法)名, choices是一个数组,包含了选择项的‘name-value’值,options和html_options是选项。以person为例,person有性别gender属性,选项有[['男',0],['女',1]],用select来生成select元素的写法为:
Java代码
<%=select :person,:gender,[['男',0],['女',1]], {:include_blank=>true,:selected=>0}%>
<%=select :person,:gender,[['男',0],['女',1]], {:include_blank=>true,:selected=>0}%>
将生成
Java代码
<select name="person[gender]">
<option value=""></option>
<option value="0" selected="selected">男</option>
<option value="1">女</option>
</select>
<select name="person[gender]">
<option value=""></option>
<option value="0" selected="selected">男</option>
<option value="1">女</option>
</select>
:include_blank=>true表示生成一项空选项。
分享到:
相关推荐
在数据库管理中,UPDATE语句用于修改已存在的数据记录,而SELECT语句则用于查询数据。在某些场景下,我们可能需要从UPDATE语句转换为SELECT语句,以验证更新操作将影响哪些行或者理解更新逻辑。这在调试、数据分析或...
"cool的JQuery自定义select"就是为了解决这个问题而出现的一个插件,它通过jQuery库对select元素进行了美化,提供了简洁且易于使用的界面,增强了用户体验。 jQuery是一款强大的JavaScript库,它简化了JavaScript的...
在网页开发中,选择框(`<select>`)通常是页面交互中的重要元素,但其默认样式在不同浏览器间存在差异,且通常较为简陋。基于jQuery的美化select插件就是为了改善这种状况,提供统一、美观的下拉选择框界面,同时...
在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...
在网页开发中,选择框(Select)是常见的一种交互元素,用于用户从预设的选项中进行选择。然而,原生的HTML Select元素在样式和交互性方面往往较为简陋,无法满足现代网页设计的需求。为此,开发者们通常会利用...
在网页开发中,选择框(`<select>`)通常用于让用户在预设的选项中进行选择。然而,标准的HTML `select` 元素并不支持直接编辑,即用户无法自由输入新的选项。为了提供这种功能,开发者通常会利用JavaScript库来实现...
根据给定的信息,本文将对JavaScript操作`<select>`元素的方法进行详细介绍,这些方法涵盖了创建、选择、删除选项等操作。 ### 1. 检查`<select>`元素是否存在值为`paraValue`的项 ```javascript function ...
这篇博客 "[转]Jquery操作select 收藏" 可能是博主分享的一个关于如何使用jQuery高效地操作HTML中的<select>元素的教程。在网页设计中,select元素常用于创建下拉菜单,让用户从预设的选项中选择一个或多个值。 ...
**Select2插件详解** Select2是一款非常流行的JavaScript库,基于jQuery设计,它的主要目标是为HTML中的`<select>`元素提供一个强大的替代方案。在网页开发中,原生的`<select>`元素功能有限,样式单一,而Select2...
本文将详细介绍如何通过自定义CSS和JavaScript来改变`<select>`标签的样式,打造更加个性化的下拉选择框。 首先,我们需要了解`<select>`的基本结构和其选项`<option>`。`<select>`标签内包含一系列`<option>`标签...
Select2Buttons是一个能将网页中的select选择框转换成一组按钮的插件。 主要功能特点: 转换select选择框为标签式按钮 支持js回发调用 支持disabled选项 支持将多个select设置为一组 支持取消默认...
《Select2 拼音检索功能详解》 在前端开发中,Select2 是一款非常流行的多功能选择器插件,它极大地扩展了HTML `<select>` 元素的功能,提供了丰富的定制性和用户体验。本文将深入探讨 Select2 的一个独特特性——...
在网页开发中,`<select>` 标签用于创建下拉菜单,它是表单元素的一种,通常用于提供用户从预定义选项中选择一个或多个值。实现`<select>`的各种搜索功能,可以极大地提高用户体验,让用户能快速找到所需选项。在...
2. **初始化Bootstrap Select**:在文档加载完成后,通过JavaScript调用Bootstrap Select插件的初始化方法,如`$('select').selectpicker();`。这会将普通的`<select>`转换为带有Bootstrap样式的下拉框。 3. **树形...
Bootstrap Select 提供了一些 API 方法,如 `selectpicker('show')` 显示下拉框,`selectpicker('refresh')` 刷新组件状态。同时,可以监听各种事件,如 `show.bs.select`、`hide.bs.select` 等,以便在特定时刻...
### MySQL中的SELECT INTO和INSERT INTO SELECT详解 #### 一、引言 在数据库管理与应用开发过程中,数据的复制是一项非常常见的需求。特别是在进行数据迁移、备份或创建新表时,能够快速有效地复制数据是非常重要...
有点像select下拉框的Button旋转按钮动画,响应鼠标生成动画效果,当鼠标悬停于按钮时,按钮的上下边线翻转。 按钮的颜色可以自定义,按钮中的箭头符号是调用字体生成,因此不要删除fonts文件夹下的文件。
**jQuery下拉菜单插件SelectMenu详解** 在网页开发中,下拉菜单是常见的交互元素,用于提供多种选择项供用户进行操作。`SelectMenu.js` 是一款基于 jQuery 的高效下拉菜单插件,它提供了丰富的特性,使开发者能够...
在“bootstrap select 下拉框通过拼音搜索汉字”这个实例中,我们关注的重点是如何利用该插件实现通过输入拼音来搜索并筛选汉字的功能,这对于中文环境下的用户体验提升有着显著的作用。 首先,我们要了解Bootstrap...
`jQuery手机下拉框select` 主要关注于改善移动端的用户体验,通过JavaScript和CSS增强下拉框的外观和功能。 ### jQuery Mobile Select Menu jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的...