jquery select操作的日期联动实现代码


Posted in Javascript onDecember 06, 2009

Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到

/**//* 
文件名:jquery.liu.select.js 
功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 
作者:John Liu 
编写日期:2008/03/12 
*/ 
//得到select项的个数 
jQuery.fn.size = function() 
{ 
return jQuery(this).get(0).options.length; 
} 
//获得选中项的索引 
jQuery.fn.getSelectedIndex = function() 
{ 
return jQuery(this).get(0).selectedIndex; 
} 
//获得当前选中项的文本 
jQuery.fn.getSelectedText = function() 
{ 
if(this.size() == 0) 
{ 
return "下拉框中无选项"; 
} 
else 
{ 
var index = this.getSelectedIndex(); 
return jQuery(this).get(0).options[index].text; 
} 
} 
//获得当前选中项的值 
jQuery.fn.getSelectedValue = function() 
{ 
if(this.size() == 0) 
{ 
return "下拉框中无选中值"; 
} 
else 
{ 
return jQuery(this).val(); 
} 
} 
//设置select中值为value的项为选中 
jQuery.fn.setSelectedValue = function(value) 
{ 
jQuery(this).get(0).value = value; 
} 
//设置select中文本为text的第一项被选中 
jQuery.fn.setSelectedText = function(text) 
{ 
var isExist = false; 
var count = this.size(); 
for(var i=0;i<count;i++) 
{ 
if(jQuery(this).get(0).options[i].text == text) 
{ 
jQuery(this).get(0).options[i].selected = true; 
isExist = true; 
break; 
} 
} 
if(!isExist) 
{ 
alert("下拉框中不存在该项"); 
} 
} 
//设置选中指定索引项 
jQuery.fn.setSelectedIndex = function(index) 
{ 
var count = this.size(); 
if(index >= count || index < 0) 
{ 
alert("选中项索引超出范围"); 
} 
else 
{ 
jQuery(this).get(0).selectedIndex = index; 
} 
} 
//判断select项中是否存在值为value的项 
jQuery.fn.isExistItem = function(value) 
{ 
var isExist = false; 
var count = this.size(); 
for(var i=0;i<count;i++) 
{ 
if(jQuery(this).get(0).options[i].value == value) 
{ 
isExist = true; 
break; 
} 
} 
return isExist; 
} 
//向select中添加一项,显示内容为text,值为value,如果该项值已存在,则提示 
jQuery.fn.addOption = function(text,value) 
{ 
if(this.isExistItem(value)) 
{ 
alert("待添加项的值已存在"); 
} 
else 
{ 
jQuery(this).get(0).options.add(new Option(text,value)); 
} 
} 
//删除select中值为value的项,如果该项不存在,则提示 
jQuery.fn.removeItem = function(value) 
{ 
if(this.isExistItem(value)) 
{ 
var count = this.size(); 
for(var i=0;i<count;i++) 
{ 
if(jQuery(this).get(0).options[i].value == value) 
{ 
jQuery(this).get(0).remove(i); 
break; 
} 
} 
} 
else 
{ 
alert("待删除的项不存在!"); 
} 
} 
//删除select中指定索引的项 
jQuery.fn.removeIndex = function(index) 
{ 
var count = this.size(); 
if(index >= count || index < 0) 
{ 
alert("待删除项索引超出范围"); 
} 
else 
{ 
jQuery(this).get(0).remove(index); 
} 
} 
//删除select中选定的项 
jQuery.fn.removeSelected = function() 
{ 
var index = this.getSelectedIndex(); 
this.removeIndex(index); 
} 
//清除select中的所有项 
jQuery.fn.clearAll = function() 
{ 
jQuery(this).get(0).options.length = 0; 
}
Javascript 相关文章推荐
实测jquery data()如何存值
Aug 18 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
基于jQuery实现放大镜特效
Oct 19 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
原生js编写2048小游戏
Mar 17 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
JSON 编辑器实现代码
Dec 06 #Javascript
JS 控制非法字符的输入代码
Dec 04 #Javascript
对采用动态原型方式无法展示继承机制得思考
Dec 04 #Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 #Javascript
javascript 跳转代码集合
Dec 03 #Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 #Javascript
javascript json 新手入门文档
Dec 03 #Javascript
You might like
php array_map()数组函数使用说明
2011/07/12 PHP
PHP 中检查或过滤IP地址的实现代码
2011/11/27 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
JavaScript中数组去除重复的三种方法
2016/04/22 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
React中的refs的使用教程
2018/02/13 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
python ftplib模块使用代码实例
2019/12/31 Python
python列表返回重复数据的下标
2020/02/10 Python
Python数组并集交集补集代码实例
2020/02/18 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
python 通过exifread读取照片信息
2020/12/24 Python
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
财务出纳员岗位职责
2013/11/26 职场文书
作弊检讨书1000字
2014/02/01 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
关于安全的广播稿
2014/10/23 职场文书
名人传读书笔记
2015/06/26 职场文书
2016秋季运动会前导词
2015/11/25 职场文书
学校教代会开幕词
2016/03/04 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
Python测试框架pytest高阶用法全面详解
2022/06/01 Python