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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
浅析Node.js查找字符串功能
Sep 03 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
Sep 03 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中用数组的方法设置cookies
2011/04/21 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
javascript一点特殊用法
2008/05/28 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
Python 专题三 字符串的基础知识
2017/03/19 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
Python序列类型的打包和解包实例
2019/12/21 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
英国袜子店:Sock Shop
2017/01/11 全球购物
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
校运会口号
2014/06/18 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
2015年小学开学寄语
2015/02/27 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
如何做好工作总结!
2019/04/10 职场文书