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-tableDnD 拖拽的基本使用介绍
Jul 04 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
Angular排序实例详解
Jun 28 Javascript
jquery中有哪些api jQuery主要API
Nov 20 jQuery
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 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/06/02 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
php字符集转换
2017/01/23 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
代码生成器 document.write()
2007/04/15 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
2015/11/16 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
Vue.js手风琴菜单组件开发实例
2017/05/16 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
JS随机数产生代码分享
2018/02/24 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
python计算N天之后日期的方法
2015/03/31 Python
python3音乐播放器简单实现代码
2020/04/20 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
会话Bean的种类
2013/11/07 面试题
餐饮管理自我介绍信
2014/01/15 职场文书
业务部主管岗位职责
2014/01/29 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
媒体宣传策划方案
2014/05/25 职场文书
文员求职信
2014/07/15 职场文书
小学生作文评语集锦
2014/12/25 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
房产证明范本
2015/06/19 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python