封装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 相关文章推荐
自写的jQuery异步加载数据添加事件
May 15 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
jQuery时间日期三级联动(推荐)
Nov 27 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
React实现全选功能
Aug 25 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结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
php实现简单爬虫的开发
2016/03/28 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
JS简单计算器实例
2015/01/20 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Python 加密与解密小结
2018/12/06 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
wxPython实现文本框基础组件
2019/11/18 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
Python reduce函数作用及实例解析
2020/05/08 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
大学军训感言1500字
2014/03/09 职场文书
企业宣传口号
2014/06/12 职场文书
python四种出行路线规划的实现
2021/06/23 Python
python playwright之元素定位示例详解
2022/07/23 Python