手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >封装html的select标签的js操作实例
封装html的select标签的js操作实例
摘要:复制代码代码如下:functionBindSelect(id,dataList,fieldtext,fieldValue){//绑定某一个数...

复制代码 代码如下:

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

var select = $("#" + id)[0];

var len = select.options.length;

if (index >= 0 && index <= len) {

select.options[index].selected = true;

}

}

【封装html的select标签的js操作实例】相关文章:

JavaScript操作Cookie方法实例分析

用 或 || 来兼容FireFox

jQuery封装的tab选项卡插件分享

JQuery分屏指示器图片轮换效果实例

javascript实现表格增删改操作实例详解

Javascript实现div的toggle效果实例分析

js实现顶部可折叠的菜单工具栏效果实例

光标定位等TextRange的操作的范例代码

安装使用Mongoose配合Node.js操作MongoDB的基础教程

JQuery实现带排序功能的权限选择实例

精品推荐
分类导航