首页  >  文章  >  web前端  >  封装html的select标签的js操作实例_javascript技巧

封装html的select标签的js操作实例_javascript技巧

WBOY
WBOY原创
2016-05-16 17:30:411203浏览
复制代码 代码如下:

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) {////根据下标,选中一个选项

var select = $("#" id)[0];
var len = select.options.length;
if (index >= 0 && index <= len) {
select.options[index].selected = true;
}
}
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn