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 相关文章推荐
匹配任意字符的正则表达式写法
Apr 29 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
js的Boolean对象初始值示例
Mar 04 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
May 03 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
React组件的三种写法总结
Jan 12 Javascript
js获取json中key所对应的value值的简单方法
Jun 17 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
angularjs结合html5实现拖拽功能
Jun 25 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/10/09 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
PHP接口并发测试的方法(推荐)
2016/12/15 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
10张动图学会python循环与递归问题
2021/02/06 Python
python爬虫如何解决图片验证码
2021/02/14 Python
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
电大毕业个人生自我鉴定
2014/03/26 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
2014年工会工作总结
2014/11/12 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏
PyCharm 配置SSH和SFTP连接远程服务器
2022/05/11 Python