浅析JQuery获取和设置Select选项的常用方法总结


Posted in Javascript onJuly 04, 2013

1.获取select 选中的 text:
 $("#cusChildTypeId").find("option:selected").text();
 $("#cusChildTypeId option:selected").text()

2.获取select选中的 value:
 $("#ddlRegType ").val();

3.获取select选中的索引:
      $("#ddlRegType ").get(0).selectedIndex;

4.得到select项的个数
  
 $("#cusChildTypeId").get(0).options.length

5.设置select 选中的索引:
     $("#cusChildTypeId").get(0).selectedIndex=index;//index为索引值

6.设置select 选中的value:
    $("#cusChildTypeId").attr("value","Normal");
    $("#cusChildTypeId").val("Normal");
    $("#cusChildTypeId").get(0).value = "Normal";

7.设置select 选中的text:
 1>.var count=$("#cusChildTypeId").get(0).options.length;
     for(var i=0;i<count;i++) 
         {          
  if($("#cusChildTypeId").get(0).options.text == text) 
         { 
             $("#cusChildTypeId").get(0).options.selected = true;
             break; 
         } 
        }

 2>.$("#cusChildTypeId").val(text);
    $("#cusChildTypeId").change();

8.向select中添加一项,显示内容为text,值为value
  
 $("#cusChildTypeId").get(0).options.add(new Option(text,value));

9.删除select中值为value的项
        var count = $("#cusChildTypeId").size();          
        for(var i=0;i<count;i++)  
        {  
            if($("#cusChildTypeId").get(0).options[i].value == value)  
            {  
                $("#cusChildTypeId").get(0).remove(i);  
                break;  
            }
        }

10.清空 Select:
 1>. $("#cusChildTypeId").empty();
 2>. $("#cusChildTypeId").get(0).options.length = 0;  

Javascript 相关文章推荐
Javascript 去除数组的重复元素
May 04 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
利用vue实现模态框组件
Dec 19 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 Javascript
js实现星星打分效果
Jul 05 Javascript
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
JS Object构造函数之Object.freeze
Apr 28 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 #Javascript
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 #Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 #Javascript
一个封装js代码-----展开收起效果示例
Jul 03 #Javascript
jQuery中after的两种用法实例
Jul 03 #Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 #Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 #Javascript
You might like
PHP文件上传实例详解!!!
2007/01/02 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
php获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
jquery自定义属性(类型/属性值)
2013/05/21 Javascript
jquery foreach使用示例
2013/09/12 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
2015/12/31 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
angular2路由之routerLinkActive指令【推荐】
2018/05/30 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
会计学财务管理专业个人的自我评价
2013/10/19 职场文书
建筑设计学生的自我评价
2014/01/16 职场文书
最新奶茶店创业计划书范文
2014/02/08 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书