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 相关文章推荐
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
为原生js Array增加each方法
Apr 07 Javascript
DIV始终居中的js代码
Feb 17 Javascript
jQuery原生的动画效果
Jul 10 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
jQuery实现评论模块
Aug 19 jQuery
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
MySQL连接数超过限制的解决方法
2011/07/17 PHP
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
Yii2中事务的使用实例代码详解
2016/09/07 PHP
PHP中phar包的使用教程
2017/06/14 PHP
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
JS实现星星海特效
2019/12/24 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
python读取html中指定元素生成excle文件示例
2014/04/03 Python
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
DataList 能否分页,请问如何实现?
2015/05/03 面试题
供用电专业求职信
2014/07/07 职场文书
法定代表人身份证明书
2014/09/10 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
语文教师个人工作总结
2015/02/06 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
千手观音观后感
2015/06/03 职场文书
格林童话读书笔记
2015/06/30 职场文书
开学典礼致辞
2015/07/29 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书