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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
用jQuery打造TabPanel效果代码
May 22 Javascript
使用jquery清空、复位整个输入域
Apr 02 Javascript
jquery简单实现幻灯片的方法
Aug 03 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
js实现登录验证码
Dec 22 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
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之sphinx
2013/05/15 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
动态调用css文件——jquery的应用
2007/02/20 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
2017/08/08 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
简洁的十分钟Python入门教程
2015/04/03 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
python读写配置文件操作示例
2019/07/03 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
Python OpenCV去除字母后面的杂线操作
2020/07/05 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
电子商务专业推荐信范文
2013/12/02 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
酒店总经理助理岗位职责
2014/02/01 职场文书
司机检讨书
2014/02/13 职场文书
水电站项目建议书
2014/05/12 职场文书
财务总监岗位职责
2015/02/03 职场文书
社区党员干部承诺书
2015/05/04 职场文书
戒赌保证书
2015/05/11 职场文书