编写select下拉框的几种方式
来源:互联网 发布:足球指数分析软件 编辑:程序博客网 时间:2024/05/23 11:45
<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>
value属性的值就是传入后台可接收到的值。
若要使下拉框默认选中:checked属性设置为true,也可在js中设置,$(“xxx”).prop(“checked”, true);
当要从数据库中动态获取数据来显示到下拉框中,有时候要显示name,但传入后台的是id,就有点难办了。
<select id="storeId" name="storeid" datatype="*" nullmsg="请选择劵类型"> <option value="">商店名称</option> <c:forEach items="${list}" var="list"> <option id="storeOption_${list.ID }" value="${list.ID }" areaCode="${list.AREACODE }">${list.STORENAME }</option> </c:forEach></select>
这种方式是用c标签的循环,加上EL表达式的方式动态显示出来。
$("#storeId").change(function() { $("#eMapId").val($("#storeOption_" + $(this).val()).attr("areaCode"));});
当select的值发生改变时,eMapId也相应的改变。
这种方式党对起来比较复杂,可以用另一种框架:jQuery easyui
<td><input id="operatorInfo_storeName" class="easyui-combobox" url="common/operator/getstorename" editable="false" panelHeight="auto" valueField="id" textField="text" prompt="请选择所属门店"/></td>
class属性必须指定为easyui-combobox
url的地址为取得id 和 text 的action地址
valueField 和 textField 属性的值必须和后台返回的参数名称相对应
editable=”false”不可编辑, panelHeight=”auto”设置下拉框的长度自动适应
但是用这个框架要特别注意到的是,在用ajax提交的时候,若获取textField的值必须这样:
var storeId = $("#operatorInfo_storeName").combobox("getValue");
如果涉及到修改,要获取当前选择的行的数据,并使下拉框默认选中某个属性
$("#operatorInfo_storeName").combobox("setValue", row.STOREID);
0 0
- 编写select下拉框的几种方式
- select下拉框回显的几种方式
- 几种下拉框的实现方式
- select下拉框回显的几种方法
- select下拉框回显的几种方法
- select下拉框回显的几种方法
- select下拉框回显的几种方法
- select下拉框的数据方式
- asp编写连接数据库的select下拉框函数
- js类编写的几种方式
- JQ的几种下拉选择菜单的取得方式
- 数据库的select几种方式的优缺点
- struts下拉列表的几种显示方式
- 用纯css实现下拉菜单的几种方式
- 几种实现悬浮下拉菜单的方式
- schema几种编写方式
- php 操作mysql 获取select 结果的几种方式
- mysql 导出select结果到文本的几种方式
- LeetCode#338. Counting Bits
- PowerDesigner中NAME和COMMENT的互相转换,需要执行语句
- 166.View the Exhibit and examine the structures of the EMPLOYEES and DEPARTMENTS tables.
- 英语口语444
- Java千百问_02基本使用(005)_Mac环境下无法打开eclipse怎么办
- 编写select下拉框的几种方式
- leetcode 217. Contains Duplicate
- android-viewDragHelper总结
- ColorBox使用及处理流读取图片问题
- 10. UIPickerView
- [linux]cmake make
- 谈谈我对Linux下“生产者/消费者线程模型”的理解
- 简明Python教程学习笔记_8_sys和os
- lvs+nginx负载均衡部署