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的一种模块模式
Mar 22 Javascript
js 分页全选或反选标识实现代码
Aug 09 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 Javascript
js比较日期大小的方法
May 12 Javascript
在vscode中统一vue编码风格的方法
Feb 22 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 Javascript
Vue实现导航栏菜单
Aug 19 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
用session做客户验证时的注意事项
2006/10/09 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
FireFox浏览器使用Javascript上传大文件
2013/10/30 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
2015/12/10 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
微信小程序 toast 详解及实例代码
2016/11/09 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
Python入门之modf()方法的使用
2015/05/15 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python语言基本语句用法总结
2019/06/11 Python
Python异常处理机制结构实例解析
2020/07/23 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
食品流通安全承诺书
2014/05/22 职场文书
励志演讲稿300字
2014/08/21 职场文书
演讲比赛主持词
2015/06/29 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python