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的图片大小自动适应实现代码
Nov 17 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
判断js的Array和Object的实现方法
Aug 29 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
用js实现随机返回数组的一个元素
2007/08/13 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
Python实现GIF图倒放
2020/07/16 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
金智子午JAVA面试题
2015/09/04 面试题
员工培训邀请函
2014/02/02 职场文书
信息技术课后反思
2014/04/27 职场文书
妇女干部培训方案
2014/05/12 职场文书
优质服务口号
2014/06/11 职场文书
学校运动会广播稿
2014/10/11 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
硕士学位申请报告
2015/05/15 职场文书
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers