浅析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 函数式编程的原理
Oct 16 Javascript
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
JavaScript中文件上传API详解
Apr 01 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
常用的javascript设计模式
Jan 11 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 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的4种常见运行方式
2015/03/20 PHP
javascript 写类方式之七
2009/07/05 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
angularJS开发注意事项
2018/05/26 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
2019/09/27 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
深入理解python try异常处理机制
2016/06/01 Python
python之PyMongo使用总结
2017/05/26 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
python 自动重连wifi windows的方法
2018/12/18 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
python实现人脸签到系统
2020/04/13 Python
python编写实现抽奖器
2020/09/10 Python
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
司法所长先进事迹
2014/06/02 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
公司经营目标责任书
2015/01/29 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
Javascript设计模式之原型模式详细
2021/10/05 Javascript
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技
python playwright 自动等待和断言详解
2021/11/27 Python