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 相关文章推荐
JavaScript 事件参考手册
Dec 24 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
Jun 09 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
JavaScript中AOP的实现与应用
May 06 Javascript
简单了解常用的JavaScript 库
Jul 16 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
Oct 28 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
PHP4引用文件语句的对比
2006/10/09 PHP
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
PHP 用数组降低程序的时间复杂度
2009/12/04 PHP
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
Node.js+Express配置入门教程详解
2016/05/19 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
德国PC硬件网站:CASEKING
2016/10/20 全球购物
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
普天C++笔试题
2016/03/20 面试题
农民入党思想汇报
2014/01/03 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
Java 定时任务技术趋势简介
2022/05/04 Java/Android