封装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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
jquery实现倒计时功能
Dec 28 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
Vue 全局loading组件实例详解
May 29 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
Node.js API详解之 zlib模块用法分析
May 19 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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中的cookie
2006/11/26 PHP
常用表单验证类,有了这个,一般的验证就都齐了。
2006/12/06 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
JavaScript版代码高亮
2006/06/26 Javascript
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
微信小程序如何实现五星评价功能
2019/10/15 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
Python素数检测实例分析
2015/06/15 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
python学习将数据写入文件并保存方法
2020/06/07 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
自考生毕业自我鉴定
2013/10/10 职场文书
社团文化节邀请函
2014/01/10 职场文书
语文教学感言
2014/02/06 职场文书
青年教师培训方案
2014/02/06 职场文书
岗位职责说明书模板
2014/07/30 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
公司处罚决定书
2015/06/24 职场文书
男方家长婚礼致辞
2015/07/27 职场文书