jquery获得下拉框值的代码


Posted in Javascript onAugust 13, 2011

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

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

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

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

设置select 选中的value:

$("#ddlRegType ").attr("value","Normal“); 
$("#ddlRegType ").val("Normal"); 
$("#ddlRegType ").get(0).value = value;

设置select 选中的text:
var count=$("#ddlRegType option").length; 
for(var i=0;i<count;i++) 
{ if($("#ddlRegType ").get(0).options[i].text == text) 
{ 
$("#ddlRegType ").get(0).options[i].selected = true; 
break; 
} 
} $("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option 
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option 
$("#select_id option:last").remove(); //删除索引值最大的Option 
$("#select_id option[index='0']").remove();//删除索引值为0的Option 
$("#select_id option[value='3']").remove(); //删除值为3的Option 
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

清空 Select:
$("#ddlRegType ").empty();

Javascript 相关文章推荐
Javascript 错误处理的几种方法
Jun 13 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
vue多种弹框的弹出形式的示例代码
Sep 18 Javascript
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
js中时间格式化的几种方法
Jul 22 Javascript
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
Jquery中对数组的操作代码
Aug 12 #Javascript
基于jQuery的星级评分插件
Aug 12 #Javascript
基于jQuery的投票系统显示结果插件
Aug 12 #Javascript
JavaScript中的View-Model使用介绍
Aug 11 #Javascript
仿jQuery的siblings效果的js代码
Aug 09 #Javascript
html中table数据排序的js代码
Aug 09 #Javascript
最常用的12种设计模式小结
Aug 09 #Javascript
You might like
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP关键特性之命名空间实例详解
2017/05/06 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
整理8个很棒的 jQuery 倒计时插件和教程
2011/12/12 Javascript
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
使用typescript构建Vue应用的实现
2019/08/26 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
Python中自定义函数的教程
2015/04/27 Python
Python写入CSV文件的方法
2015/07/08 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
python中的decimal类型转换实例详解
2019/06/26 Python
在交互式环境中执行Python程序过程详解
2019/07/12 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
python使用requests.session模拟登录
2019/08/09 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
python实现逻辑回归的示例
2020/10/09 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
活动策划求职信模板
2014/04/21 职场文书
体育教师求职信
2014/06/30 职场文书
撤诉状格式范本
2015/05/19 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android
解决Python保存文件名太长OSError: [Errno 36] File name too long
2022/05/11 Python
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang