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 相关文章推荐
AngularJS入门教程(零):引导程序
Dec 06 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
Vue.js 父子组件通信的十种方式
Oct 30 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
vue element table中自定义一些input的验证操作
Jul 18 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
header()函数使用说明
2006/11/23 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
PHP清除缓存的几种方法总结
2017/09/12 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
js 表格隔行颜色
2009/12/02 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
详细介绍Ruby中的正则表达式
2015/04/10 Python
python多线程分块读取文件
2019/08/29 Python
使用python脚本自动创建pip.ini配置文件代码实例
2019/09/20 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
python接口自动化框架实战
2020/12/23 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
德国街头和运动文化高品质商店:BSTN Store
2017/08/26 全球购物
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
公司活动策划方案
2014/01/13 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
放假通知格式
2015/04/14 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
餐馆开业致辞
2015/08/01 职场文书
导游词之南京中山陵
2019/11/27 职场文书