select option的使用
来源:互联网 发布:消防系统模拟软件 编辑:程序博客网 时间:2024/05/21 10:01
select元素可创建单选或者多选菜单,当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在<select>表单数据提交给服务器时包括name 属性。
select元素是一种表单控件,可用于在表单中接受用户输入。可选的属性、值、描述
disabled disabled 规定禁用该下拉列表
multiple multiple 规定可选择多个选项
name name 规定下拉列表的名称
请参考
在我的开发过程中遇到的问题是:当我进行表单提交之后,数据库里更新了,但是页面显示还是为空,后来发现时没有绑定该值。可以用两种方法实现。
第一种:
select标签selected选中状态动态设置,selected预先选中一个选项
html代码:
<dt>Sniper任务类型</dt><dd><select id="FactType" name="FactType" > <option {if $actInfo.FactType == "0"}selected=selected{/if} value="0">请选择</option> <option {if $actInfo.FactType == "1"}selected=selected{/if} value="1">拉收入</option> <option {if $actInfo.FactType == "2"}selected=selected{/if} value="2">拉新</option> <option {if $actInfo.FactType == "3"}selected=selected{/if} value="3">拉回流</option> <option {if $actInfo.FactType == "4"}selected=selected{/if} value="4">拉活跃</option><select></dd>这样当我选中一个选项,进行表单提交之后,页面会自动显示之前选中的值。
第二种方法:在javascript中用函数绑定。
最后的实现效果如下图:
这两种方法都很重要,在前端开发过程中都是必须掌握的。路漫漫其修远兮。。。。
- select option的使用
- 使用jquery截断select的option值
- Jquery对select 和option 的使用
- Option 和 Select 对象的基本使用
- select 中option的使用以及动态增加select
- 选中select的option
- select的option
- select option 的操作
- select option的操作
- select option简单使用记录
- 使用原生js动态生成Select,根据前面的Select的option生成二级Select
- JS实现select去除option的使用注意事项
- Spring MVC框架select,option和options标签的使用
- Spring MVC框架select,option和options标签的使用
- 使用(jquery) 实现select 对option 的动态选中
- 使用jquery动态为select添加option并根据value选中指定的option
- 显示Select的超长Option
- 动态生成select的option
- Java Multi-thread Programming
- POJ1228(稳定凸包问题)
- 1022——挂盐水
- DM6446开发攻略——u-boot-1.3.4移植(1) .
- 51上写操作系统1(三任务调度)
- select option的使用
- linux i2c驱动架构-dm368 i2c驱动分析 .
- 黑马程序员--JAVA基础案例之交通灯管理系统
- Win7下运行VC程序UAC权限问题
- 在ubuntu12.04中设置顶栏显示 CPU、内存使用率,CPU温度、网速等信息
- 收集AWR统计信息
- 大整数加法
- DM6467开发领航-开发坏境安装
- Observer(观察者模式)