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 options属性集合操作代码
Dec 28 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
微信小程序 教程之引用
Oct 18 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
微信小程序封装分享与分销功能过程解析
Aug 13 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 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
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
200行python代码实现2048游戏
2019/07/17 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
仓库管理专业个人自我评价范文
2013/11/11 职场文书
小学少先队活动方案
2014/02/18 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
英文道歉信
2015/01/20 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
JavaScript实现九宫格拖拽效果
2022/06/28 Javascript