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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
Dec 14 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
用React实现一个完整的TodoList的示例代码
Oct 30 Javascript
Angular 数据请求的实现方法
May 07 Javascript
4个顶级JavaScript高级文本编辑器
Oct 10 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 Javascript
浅谈Vue的computed计算属性
Mar 21 Vue.js
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
数据库的日期格式转换
2006/10/09 PHP
如何使用PHP往windows中添加用户
2006/12/06 PHP
生成php程序的php代码
2008/04/07 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
php中{}大括号是什么意思
2013/12/01 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
2015/09/09 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
Python面向对象之Web静态服务器
2019/09/03 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
2020/07/03 Python
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
国际经济贸易专业推荐信
2013/11/06 职场文书
毕业研究生的自我鉴定
2013/11/30 职场文书
乡下人家教学反思
2014/02/01 职场文书
洗车工岗位职责
2014/03/15 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
欢迎词范文
2015/01/27 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android