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数字滚动特效
Dec 17 Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
vue 自定义全局方法,在组件里面的使用介绍
Feb 28 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
Sep 26 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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
hadoop中一些常用的命令介绍
2013/06/19 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
Vue之Watcher源码解析(2)
2017/07/19 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
python 图片验证码代码分享
2012/07/04 Python
Python中super函数的用法
2017/11/17 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
Python 在局部变量域中执行代码
2020/08/07 Python
python Matplotlib模块的使用
2020/09/16 Python
CSS3的颜色渐变效果的示例代码
2017/09/29 HTML / CSS
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
地质工程专业毕业生求职信
2014/08/08 职场文书
教师个人教学总结
2015/02/11 职场文书
销售口号霸气押韵
2015/12/24 职场文书
学者《孟子》名人名言
2019/08/09 职场文书