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 相关文章推荐
不用ajax实现点击文字即可编辑的方法
Dec 16 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 Javascript
谈谈node.js中的模块系统
Sep 01 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
PHP调用.NET的WebService 简单实例
2015/03/27 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
基于jQuery的动态表格插件
2011/03/28 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
Jquery+javascript实现支付网页数字键盘
2020/12/21 jQuery
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
酒店前台接待岗位职责
2013/12/03 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
学校课外活动总结
2014/05/08 职场文书
学校班班通实施方案
2014/06/11 职场文书
Python 内置函数速查表一览
2021/06/02 Python