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 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
打印json对象的内容及JSON.stringify函数应用
Mar 29 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
JavaScript省市级联下拉菜单实例
Feb 14 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
js尾调用优化的实现
May 23 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 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面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
PHP 长文章分页函数 带使用方法,不会分割段落,翻页在底部
2009/10/22 PHP
php从数组中随机抽取一些元素的代码
2012/11/05 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
php输入流php://input使用示例(php发送图片流到服务器)
2013/12/25 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
JavaScript实现三级级联特效
2017/11/05 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
Vue3为什么这么快
2020/09/23 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
python格式化字符串实例总结
2014/09/28 Python
Djang中静态文件配置方法
2015/07/30 Python
python flask 多对多表查询功能
2017/06/25 Python
python基本语法练习实例
2017/09/19 Python
python去除文件中重复的行实例
2018/06/29 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python中的heapq模块源码详析
2019/01/08 Python
python SVM 线性分类模型的实现
2019/07/19 Python
Django中modelform组件实例用法总结
2020/02/10 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
python实现贪吃蛇双人大战
2020/04/18 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
工作推荐信范文
2014/05/10 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
市场营销计划书范文
2015/01/16 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
安全教育第一课观后感
2015/06/17 职场文书
Python之matplotlib绘制饼图
2022/04/13 Python