JQuery select控件的相关操作实现代码


Posted in Javascript onSeptember 14, 2012

获取select
先看看下面代码:

$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
var checkValue=$("#select_id").val(); //获取Select选择的Value 
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 
$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 
$("#select_id ").val(4); //设置Select的Value值为4的项选中 
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();

获取select选中的 value:
$("#nowamagic").val();

获取select选中的索引:
$("#nowamagic").get(0).selectedIndex;

设置select
jQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

设置select 选中的索引:
//index为索引值 
$("#nowamagic").get(0).selectedIndex=index;

设置select 选中的value:
$("#nowamagic").attr("value","Normal"); 
$("#nowamagic").val("Normal"); 
$("#nowamagic").get(0).value = value;

设置select 选中的text:
var count=$("#nowamagicoption").length; 
for(var i=0;i<count;i++) 
{ if($("#nowamagic").get(0).options[i].text == text) 
{ 
$("#nowamagic").get(0).options[i].selected = true; break; 
} 
}

清空 select:
$("#nowamagic").empty();
Javascript 相关文章推荐
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
使用jquery清空、复位整个输入域
Apr 02 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 #Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 #Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 #Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 #Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 #Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 #Javascript
jquery ajax例子返回值详解
Sep 11 #Javascript
You might like
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
jquery select选中的一个小问题
2009/10/11 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
js控制网页背景音乐播放与停止的方法
2015/02/06 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
详解Python中for循环是如何工作的
2017/06/30 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
对Python 检查文件名是否规范的实例详解
2019/06/10 Python
Python安装whl文件过程图解
2020/02/18 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
几道PHP的面试题
2012/05/19 面试题
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
回门宴答谢词
2014/01/13 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
颐和园英文导游词
2015/01/30 职场文书
劳动者解除劳动合同通知书
2015/04/16 职场文书
解决 Redis 秒杀超卖场景的高并发
2022/04/12 Redis
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python