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 相关文章推荐
TBCompressor js代码压缩
Jan 05 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
网页前端优化之滚动延时加载图片示例
Jul 13 Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 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
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
smarty实现多级分类的方法
2014/12/05 PHP
PHP加密解密函数详解
2015/10/28 PHP
php gd等比例缩放压缩图片函数
2016/06/12 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
jquery下json数组的操作实现代码
2010/08/09 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
基于python 处理中文路径的终极解决方法
2018/04/12 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
Python实现App自动签到领取积分功能
2018/09/29 Python
Python实现最大子序和的方法示例
2019/07/05 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
Python一行代码解决矩阵旋转的问题
2019/11/30 Python
Python多线程多进程实例对比解析
2020/03/12 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
总监职责范文
2013/11/09 职场文书
幼师求职自荐信范文
2014/01/26 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
支部鉴定材料
2014/06/02 职场文书
生产助理岗位职责
2014/06/18 职场文书
2014年法院工作总结
2014/11/24 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
孔繁森观后感
2015/06/10 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android