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 相关文章推荐
jQuery下通过$.browser来判断浏览器.
Apr 05 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
BootStrap的两种模态框方式
May 10 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
浅谈express.js框架中间件(middleware)
Apr 07 Javascript
layui table 获取分页 limit的方法
Sep 20 Javascript
vue-cli3使用mock数据的方法分析
Mar 16 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完全过滤HTML,JS,CSS等标签
2009/01/16 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
js修改input的type属性问题探讨
2013/10/12 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
addEventListener()与removeEventListener()解析
2017/04/20 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
python基于mysql实现的简单队列以及跨进程锁实例详解
2014/07/07 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
python3学生名片管理v2.0版
2018/11/29 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
Python微信操控itchat的方法
2019/05/31 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
学习python需要有编程基础吗
2020/06/02 Python
python实现磁盘日志清理的示例
2020/11/05 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
《九寨沟》教学反思
2014/04/08 职场文书
沈阳故宫导游词
2015/01/31 职场文书
升学宴学生致辞
2015/09/29 职场文书
导游词之青城山景区
2019/09/27 职场文书
HTML基本元素标签介绍
2022/02/28 HTML / CSS
css3应用示例:新增的选择器
2022/03/16 HTML / CSS