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 相关文章推荐
js 中 document.createEvent的用法
Aug 29 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
js document.write()使用介绍
Feb 21 Javascript
jquery实现的图片点击滚动效果
Apr 29 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
Vue自定义指令实现checkbox全选功能的方法
Feb 28 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
JavaScript实现简单进度条效果
Mar 25 Javascript
简单了解three.js 着色器材质
Aug 03 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
php SQL防注入代码集合
2008/04/25 PHP
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
PHP中session变量的销毁
2014/02/27 PHP
浅谈使用 Yii2 AssetBundle 中 $publishOptions 的正确姿势
2017/11/08 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
javascript实现固定侧边栏
2021/02/09 Javascript
python的re模块应用实例
2014/09/26 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
Python 如何对文件目录操作
2020/07/10 Python
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
装潢设计专业推荐信模板
2013/11/26 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
廉洁教育学习材料
2014/05/19 职场文书
项目负责人任命书
2014/06/04 职场文书
经典禁毒标语
2014/06/16 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
Python字符串常规操作小结
2022/04/03 Python
Golang 对es的操作实例
2022/04/20 Golang