首页 / JAVASCRIPT / 封装html的select标签的js操作实例_javascript技巧

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了封装html的select标签的js操作实例_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1237字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

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;
}
}

内容总结

以上是互联网集市为您收集整理的封装html的select标签的js操作实例_javascript技巧全部内容，希望文章能够帮你解决封装html的select标签的js操作实例_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/317011.html

来源：【匿名】