封装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脚本性能优化注意事项
Nov 18 Javascript
JavaScript 读取元素的CSS信息的代码
Feb 07 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
Mar 30 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
老生常谈js中的MVC
Jul 25 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
php模仿asp Application对象在线人数统计实现方法
2015/01/04 PHP
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
js DOM的学习笔记
2011/12/22 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
jqTransform美化表单
2015/10/10 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
python3爬虫之设计签名小程序
2018/06/19 Python
django基础学习之send_mail功能
2019/08/07 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
基于python爬取梨视频实现过程解析
2020/11/09 Python
PHP面试题及答案二
2015/05/23 面试题
C#面试题
2016/05/06 面试题
老师自我鉴定范文
2013/12/25 职场文书
北京大学自荐信范文
2014/01/28 职场文书
教师校本培训方案
2014/02/26 职场文书
创业培训计划书
2014/05/03 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
实习生个人总结范文
2015/02/28 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
前端JavaScript大管家 package.json
2021/11/02 Javascript