浅析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高级程序设计
Dec 29 Javascript
js数组的操作详解
Mar 27 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
AngularJS自定义服务与fliter的混合使用
Nov 24 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
JavaScript原型链中函数和对象的理解
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和MySql中计算时间差的方法
2011/04/22 PHP
PHP Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
JavaScript中的私有成员
2006/09/18 Javascript
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
jquery UI Datepicker时间控件的使用及问题解决
2016/04/28 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
浅谈React高阶组件
2018/03/28 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
Python深入学习之内存管理
2014/08/31 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
python下os模块强大的重命名方法renames详解
2017/03/07 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
python逆序打印各位数字的方法
2018/06/25 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
python自动生成证件号的方法示例
2021/01/14 Python
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
C#如何调用Word并打开一个Word文档
2013/05/08 面试题
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
食品安全责任书
2014/04/15 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
党员反四风学习心得体会
2016/01/22 职场文书