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 EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
JQuery中ajax方法访问web服务实例
Jul 18 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
Element Input组件分析小结
Oct 11 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
解决layui动态加载复选框无法选中的问题
Sep 20 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通用分页类page.php[仿google分页]
2008/08/31 PHP
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
2016/09/05 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
微信小程序实现日历功能
2018/11/27 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
2018/12/02 Javascript
python统计一个文本中重复行数的方法
2014/11/19 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
医药代表个人求职信范本
2013/12/19 职场文书
小学家长会邀请函
2014/01/23 职场文书
实习报告评语
2014/04/26 职场文书
大学生作弊检讨书
2014/09/11 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
孔庙导游词
2015/02/04 职场文书
特岗教师个人总结
2015/02/10 职场文书
生死抉择观后感
2015/06/09 职场文书
工作收入证明范本
2015/06/12 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js