封装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 相关文章推荐
JavaScript 事件对象的实现
Jul 13 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
jsonp跨域请求详解
Jul 13 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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新手谈谈我的学习心得
2007/02/25 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
深入分析PHP设计模式
2020/06/15 PHP
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
JQuery悬停控制图片轮播——代码简单
2015/08/05 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
[00:27]DOTA2荣耀之路2:Patience from zhou!
2018/05/24 DOTA
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
C语言基础笔试题
2013/04/27 面试题
this关键字的含义
2015/04/08 面试题
歌唱比赛策划方案
2014/06/06 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
在职员工证明书
2014/09/19 职场文书
2014年营销工作总结
2014/11/22 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
幼儿园见习总结
2015/06/23 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
编写python程序的90条建议
2021/04/14 Python
python实现进度条的多种实现
2021/04/29 Python