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预览上传图片发现的问题的解决方法
Nov 25 Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 Javascript
jquery统计输入文字的个数并对其进行判断
Jan 07 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
js获取iframe中的window对象的实现方法
May 20 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
angularjs性能优化的方法
Sep 05 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
php IP及IP段进行访问限制的代码
2008/12/17 PHP
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
[原创]php求圆周率的简单实现方法
2016/05/30 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
浅谈PHP进程管理
2019/03/08 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
JavaScript静态的动态
2006/09/18 Javascript
提高 DHTML 页面性能
2006/12/25 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
浅谈 Vue v-model指令的实现原理
2017/06/08 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
[02:08]我的刀塔不可能这么可爱 胡晓桃_1
2014/06/20 DOTA
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
Python中方法链的使用方法
2016/02/23 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
用Python实现读写锁的示例代码
2018/11/05 Python
带你认识Django
2019/01/15 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
python实现的config文件读写功能示例
2019/09/24 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
python温度转换华氏温度实现代码
2020/12/06 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
个人评价范文分享
2014/01/11 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
责任书格式
2015/01/29 职场文书