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 相关文章推荐
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
原生js仿浏览器滚动条效果
Mar 02 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 Javascript
vuex的使用步骤
Jan 06 Vue.js
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实现获取文章内容第一张图片的方法
2014/11/04 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
javascript Demo模态窗口
2009/12/06 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
JS功能代码集锦
2016/05/04 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
移动端界面的适配
2017/01/11 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
jQuery实现表格的增、删、改操作示例
2019/01/27 jQuery
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
Python对象转JSON字符串的方法
2016/04/27 Python
python 链接和操作 memcache方法
2017/03/04 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python gensim使用word2vec词向量处理中文语料的方法
2019/07/05 Python
基于Python实现扑克牌面试题
2019/12/11 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
2019/08/01 HTML / CSS
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
后勤园长自我鉴定
2013/10/17 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
优秀家长自荐材料
2014/08/26 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
2015年学校安全工作总结
2015/04/22 职场文书