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 相关文章推荐
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
Electron 调用命令行(cmd)
Sep 23 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
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
在vue中封装可复用的组件方法
2018/03/01 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
python tkinter实现屏保程序
2019/07/30 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
师范大学应届生求职信
2013/11/21 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js