jQuery 获取和设置select下拉框的值实现代码


Posted in Javascript onNovember 08, 2013

获取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 相关文章推荐
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 #Javascript
JavaScript中this的使用详解
Nov 08 #Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 #Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 #Javascript
原生js做的手风琴效果的导航菜单
Nov 08 #Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 #Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 #Javascript
You might like
PHP图片上传类带图片显示
2006/11/25 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
javascript关于运动的各种问题经典总结
2015/04/27 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
详解angular2封装material2对话框组件
2017/03/03 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
Python多进程通信Queue、Pipe、Value、Array实例
2014/11/21 Python
初步解析Python下的多进程编程
2015/04/28 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
python打开文件的方式有哪些
2020/06/29 Python
导致python中import错误的原因是什么
2020/07/01 Python
Python 如何展开嵌套的序列
2020/08/01 Python
python实现邮件循环自动发件功能
2020/09/11 Python
公务员职务工作的自我评价
2013/11/01 职场文书
小孩百日宴答谢词
2014/01/15 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
中班开学寄语
2014/04/04 职场文书
消防安全宣传口号
2014/06/10 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
场地使用证明模板
2014/10/25 职场文书