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实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
JQuery toggle使用分析
Nov 16 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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 作用域解析运算符(::)
2010/07/27 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
jQuery中after的两种用法实例
2013/07/03 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
js实现数组转换成json
2015/06/26 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
聊一聊jQuery插件uploadify使用方法
2016/08/24 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
Python中使用asyncio 封装文件读写
2016/09/11 Python
Python数据结构之图的应用示例
2018/05/11 Python
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
python实现智能语音天气预报
2019/12/02 Python
Python pytesseract验证码识别库用法解析
2020/06/29 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
2014年护士长工作总结
2014/11/11 职场文书
丧事答谢词
2015/01/05 职场文书
金秋助学感谢信
2015/01/21 职场文书
结婚典礼致辞
2015/07/28 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL