封装html的select标签的js操作实例
2013-07-02 00:00
721 查看
function BindSelect(id,dataList,fieldtext,fieldValue) { //绑定某一个数据源,fieldtext为需要绑定的文本字段,fieldValue为需要绑定的value字段 var select = $("#" + id)[0]; for (var i = 0; i < dataList.length; i++) { select.options.add(new Option(eval("dataList[" + i + "]." + fieldtext), eval("dataList[" + i + "]." + fieldValue))); } } function BindSelectOptions(id, OptionList) { var select = $("#" + id)[0]; for (var i = 0; i < OptionList.length; i++) { select.options.add(new Option(OptionList[i].Text, OptionList[i].Value)); } } function ClearAllItems(id) {//清空所有的选项 var select = $("#" + id)[0]; select.options.length = 0; } function AddOneItem(id, text, value) {//添加一个选项 var select = $("#" + id)[0]; select.options.add(new Option(text, value)); } function selectOneOption(id, selectValue) {//根据值,选中一个选项 var select = $("#" + id)[0]; var len = select.options.length; for (var i = 0; i < len; i++) { if (select.options[i].value == selectValue) { select.options[i].selected = true; break; } } } function selectOneOptionByIndex(id, index) {//<SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif">//根据下标,选中一个选项</SPAN> var select = $("#" + id)[0]; var len = select.options.length; if (index >= 0 && index <= len) { select.options[index].selected = true; } }
相关文章推荐
- 封装html的select标签的js操作
- HTML中select标签单选多选详解--Js操作Select大全
- 封装html的select标签的js操作实例
- JS对HTML标签select的获取、添加、删除操作
- JS对HTML标签select的获取、添加、删除操作
- html标签[select]js操作
- CSS+HTML实例集合四,checkbox多选框的操作(全选等),select获取option的value和其对应的选项,select获取选中项的value值进行设置,select的二级联动菜单
- html select标签操作
- 整理发布html的select控件实用js操作
- 【DOM操作】DOM操作HTML中的Select标签
- js操作select标签
- Js选择框脚本 移动操作select 标签中的 option 项的操作事项
- JS简单操作select和dropdownlist实例
- js操作select标签
- js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点
- 整理一些js对html标签的操作 ing...
- js操作下拉标签select
- Js选择框脚本 移动操作select 标签中的 option 项的操作事项
- js过滤HTML标签完整实例