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 相关文章推荐
document.addEventListener使用介绍
Mar 07 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
js实现开启密码大写提示
Dec 21 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
vue的$http的get请求要加上params操作
Nov 12 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文件操作实现代码分享
2011/09/01 PHP
php 操作符与控制结构
2012/03/07 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
php调用shell的方法
2014/11/05 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
JavaScript对象学习小结
2015/09/02 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
python关键字and和or用法实例
2015/05/28 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
学校安全责任书
2014/04/14 职场文书
拉歌口号大全
2014/06/13 职场文书
个人作风建设总结
2014/10/23 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
离职感谢信怎么写
2015/01/22 职场文书
远程教育学习心得体会
2016/01/23 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
python中%格式表达式实例用法
2021/06/18 Python