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 相关文章推荐
Mootools 1.2 手风琴(Accordion)教程
Sep 15 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
jQuery .tmpl() 用法示例介绍
Aug 21 Javascript
CSS3,HTML5和jQuery搜索框集锦
Dec 02 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
JS array数组检测方式解析
May 19 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
Zend引擎的发展 [15]
2006/10/09 PHP
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
理解PHP中的stdClass类
2014/04/18 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
我的javascript 函数链之演变
2011/04/07 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
javascript loadScript异步加载脚本示例讲解
2013/11/14 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
函授教育个人学习的自我评价
2013/12/31 职场文书
经销商会议欢迎词
2014/01/11 职场文书
高中社区服务活动报告
2015/02/05 职场文书
成绩单家长意见
2015/06/03 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
sass 常用备忘案例详解
2021/09/15 HTML / CSS