Jquery操作Select 简单方便 一个js插件搞定


Posted in Javascript onNovember 12, 2009

这里是js的代码:

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; 
}

使用很简单,先引入主要的Jquery.js
然后再引入这个js文件,然后你就可以使用这些方法了
Javascript 相关文章推荐
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
js动态添加事件并可传参数示例代码
Oct 21 Javascript
js 通用订单代码
Dec 23 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
vue.js路由跳转详解
Aug 28 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
Vue Element UI + OSS实现上传文件功能
Jul 31 Javascript
微信小程序实现日历签到
Sep 21 Javascript
jquery控制listbox中项的移动并排序
Nov 12 #Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 #Javascript
两个select之间option的互相添加操作(jquery实现)
Nov 12 #Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 #Javascript
把html页面的部分内容保存成新的html文件的jquery代码
Nov 12 #Javascript
Javascript 定时器调用传递参数的方法
Nov 12 #Javascript
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 #Javascript
You might like
php UTF8 文件的签名问题
2009/10/30 PHP
优化PHP代码技巧的小结
2013/06/02 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
js 自定义的联动下拉框
2010/02/07 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
js 复制或插入Html的实现方法小结
2010/05/19 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
Listloading.js移动端上拉下拉刷新组件
2016/08/04 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
Python 3.x 新特性及10大变化
2015/06/12 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
Python-openCV开运算实例
2020/07/05 Python
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
Revolution Beauty美国官网:英国知名化妆品网站
2018/07/23 全球购物
求职简历自荐信
2013/10/20 职场文书
中式面点餐厅创业计划书
2014/01/29 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
村居抓节水倡议书
2014/05/19 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
2015年超市工作总结
2015/04/09 职场文书
美德少年主要事迹材料
2015/11/04 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
Win10 Anaconda安装python-pcl
2022/04/29 Servers