浅析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 相关文章推荐
使用JS操作页面表格,元素的一些技巧
Feb 02 Javascript
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
javascript中 try catch用法
Aug 16 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
Mar 28 Javascript
7个好用的JavaScript技巧分享(译)
May 07 Javascript
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
Javascript执行流程细节原理解析
May 14 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
php变量作用域的深入解析
2013/06/03 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
一个加载js文件的小脚本
2007/06/28 Javascript
javascript div 弹出可拖动窗口
2009/02/26 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
理解python多线程(python多线程简明教程)
2014/06/09 Python
Python易忽视知识点小结
2015/05/25 Python
快速了解Python中的装饰器
2018/01/11 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
Python3标准库之dbm UNIX键-值数据库问题
2020/03/24 Python
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
Java程序员常见面试题
2015/07/16 面试题
行政人事岗位职责
2014/03/17 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
美容院管理规章制度
2015/08/05 职场文书
岗位聘任协议书
2015/09/21 职场文书