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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
JavaScript编码风格指南(中文版)
Aug 26 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
JS正则表达式验证中文字符
May 08 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
Feb 28 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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
简单实现php上传文件功能
2017/09/21 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
求得div 下 img的src地址的js代码
2007/02/28 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
python文件与目录操作实例详解
2016/02/22 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
基于Python实现扑克牌面试题
2019/12/11 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
PyQt5结合matplotlib绘图的实现示例
2020/09/15 Python
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
少先队学雷锋活动月总结
2014/03/09 职场文书
挂牌仪式主持词
2014/03/20 职场文书
说明书怎么写
2014/05/06 职场文书
会计学毕业生求职信
2014/06/25 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
python元组打包和解包过程详解
2021/08/02 Python
浅析Python OpenCV三种滤镜效果
2022/04/11 Python
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python