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 相关文章推荐
jQuery模拟点击A标记示例参考
Apr 17 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
Apr 01 Javascript
基于Vue 实现一个中规中矩loading组件
Apr 03 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
夯基础之手撕javascript继承详解
Nov 09 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调用三种数据库的方法(1)
2006/10/09 PHP
php重定向的三种方法分享
2012/02/22 PHP
php实现mysql封装类示例
2014/05/07 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
js闭包的用途详解
2014/11/09 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
Python使用django搭建web开发环境
2017/06/09 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
简单的JAVA编程面试题
2013/03/19 面试题
物业管理公司实习生自我鉴定
2013/09/19 职场文书
生物科学系大学生的自我评价
2013/12/20 职场文书
人力资源主管岗位职责
2014/01/29 职场文书
策划创业计划书
2014/02/06 职场文书
人事局接收函
2015/01/31 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
离婚案件被告代理词
2015/05/23 职场文书
怒海潜将观后感
2015/06/11 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
WinServer2012搭建DNS服务器的方法步骤
2022/06/10 Servers