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温习的一些笔记 基础常用知识小结
Jun 22 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
Feb 15 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
Vue 实现拨打电话操作
Nov 16 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
JavaScript实现表格排序方法
2013/06/14 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
九步学会Python装饰器
2015/05/09 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python 读取DICOM头文件的实例
2018/05/07 Python
Python正则表达式和元字符详解
2018/11/29 Python
django最快程序开发流程详解
2019/07/19 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
C语言编程练习
2012/04/02 面试题
社会实践自我鉴定
2013/11/07 职场文书
创业计划书撰写原则
2014/01/25 职场文书
森林防火工作方案
2014/02/14 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
javascript对象3个属性特征
2021/11/17 Javascript
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技