html select 添加js,封装html的select标签的js操作实例

复制代码 代码如下:

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;

}

}

您可能感兴趣的文章:Jquery多选下拉列表插件jquery multiselect功能介绍及使用

浅析jQuery对select操作小结(遍历option,操作option)

JSP页面中如何用select标签实现级联

删除select中所有option选项jquery代码

JQuery中对Select的option项的添加、删除、取值

jQuery动态添加删除select项(实现代码)

js简单实现HTML标签Select联动带跳转

jquery模拟SELECT下拉框取值效果

jquery及原生js获取select下拉框选中的值示例

Js操作Select大全(取值、设置选中等等)

js获取select选中的option的text示例代码

js select option对象小结

jQuery结合CSS制作漂亮的select下拉菜单

jsp中select的onchange事件用法实例

javascript中select下拉框的用法总结

JS、jQuery中select的用法详解