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和CSS速查手册
Aug 20 Javascript
基于jquery循环map功能的代码
Feb 26 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
jQuery实现Select左右复制移动内容
Aug 05 Javascript
页面间固定参数,通过cookie传值的实现方法
May 31 Javascript
微信小程序激励式视频广告组件使用详解
Dec 06 Javascript
vue项目打包后路由错误的解决方法
Apr 13 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
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
利用Python开发实现简单的记事本
2016/11/15 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
python随机数分布random测试
2018/08/27 Python
django中的图片验证码功能
2019/09/18 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
2014年学校财务工作总结
2014/12/06 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers