浅析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高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
实例讲解javascript注册事件处理函数
Jan 09 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
Jun 02 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
开发 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 动态添加记录
2009/03/10 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP URL路由类实例
2013/11/12 PHP
php生成QRcode实例
2014/09/22 PHP
php计算年龄精准到年月日
2015/11/17 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
javascript的事件描述
2006/09/08 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
理解JavaScript原型链
2016/10/25 Javascript
Node.js简单入门前传
2017/08/21 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
大专生工程监理求职信
2013/10/04 职场文书
毕业生找工作推荐信
2013/11/21 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
公司承诺书格式
2014/05/21 职场文书
校园文明标语
2014/06/13 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
如何才能写好调研报告?
2019/07/03 职场文书