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 相关文章推荐
一个对于js this关键字的问题
Jan 09 Javascript
jquery中实现简单的tabs插件功能的代码
Mar 02 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
详解Bootstrap各式各样的按钮(推荐)
Dec 13 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 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
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
js实现表格字段排序
2014/02/19 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
微信小程序如何调用json数据接口并解析
2019/06/29 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
Javascript数组及类数组相关原理详解
2020/10/29 Javascript
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
最大K个数问题的Python版解法总结
2016/06/16 Python
python 将数据保存为excel的xls格式(实例讲解)
2018/05/03 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
Python3分析处理声音数据的例子
2019/08/27 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
会计师职业生涯规划范文
2014/02/18 职场文书
党员入党表决心的话
2014/03/11 职场文书
老公保证书怎么写
2015/02/26 职场文书
天那边观后感
2015/06/09 职场文书
工作年限证明范本
2015/06/15 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
OpenCV全景图像拼接的实现示例
2021/06/05 Python