封装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的动态创建DOM元素的代码
Dec 28 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
基于javascript实现碰撞检测
Mar 12 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 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代码
2013/11/19 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
AngularJS前端页面操作之用户修改密码功能示例
2017/03/27 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
pyenv命令管理多个Python版本
2017/03/26 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
Python selenium自动化测试模型图解
2020/04/15 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
教育孩子心得体会
2014/01/01 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
劳动之星获奖感言
2014/02/01 职场文书
护理专科自荐书范文
2014/02/18 职场文书
给孩子的新年寄语
2014/04/08 职场文书
借款民事起诉状范文
2015/05/19 职场文书
签字仪式主持词
2015/07/03 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL