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 相关文章推荐
js实现动态改变字体大小代码
Jan 02 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
小程序实现列表删除功能
Oct 30 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
JavaScript中的this/call/apply/bind的使用及区别
Mar 06 Javascript
Node.js API详解之 util模块用法实例分析
May 09 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并发访问实例代码
2012/09/06 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
Python制作词云的方法
2018/01/03 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
python抽取指定url页面的title方法
2018/05/11 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
详解Python 函数参数的拆解
2020/09/02 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
中间件分为哪几类
2016/09/18 面试题
《尊严》教学反思
2014/02/11 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
现役军人家属慰问信
2015/03/24 职场文书