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面向对象编程代码
Dec 19 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 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
玩转图像函数库―常见图形操作
2006/09/03 PHP
php 获取页面中指定内容的实现类
2014/01/23 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
如何理解委托
2012/01/06 面试题
大学生创业策划书
2014/02/02 职场文书
爱我中华演讲稿
2014/05/20 职场文书
个人委托书
2014/07/31 职场文书
给老师的感谢信
2015/01/20 职场文书
经典导游欢迎词
2015/01/26 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书