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


Posted in Javascript onJuly 02, 2013
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; 
} 
}
Javascript 相关文章推荐
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
Feb 11 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
使用js获取地址栏中传递的值
Jul 02 #Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 #Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 #Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
Jul 01 #Javascript
原生javascript兼容性测试实例
Jul 01 #Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 #Javascript
批量实现面向对象的实例代码
Jul 01 #Javascript
You might like
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
php通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP 实现从数据库导出到.csv文件方法
2017/07/06 PHP
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
深入nodejs中流(stream)的理解
2017/03/27 NodeJs
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
Python开发常用的一些开源Package分享
2015/02/14 Python
python获取远程图片大小和尺寸的方法
2015/03/26 Python
基于python list对象中嵌套元组使用sort时的排序方法
2018/04/18 Python
详解python中的Turtle函数库
2018/11/19 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
py-charm延长试用期限实例
2019/12/22 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
Python读取yaml文件的详细教程
2020/07/21 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
外包公司软件测试工程师
2014/11/01 面试题
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
秋季校运动会广播稿
2014/02/23 职场文书
化工见习报告范文
2014/10/31 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
同事离别感言
2015/08/04 职场文书
初中化学教学反思
2016/02/22 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP