浅析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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
解密效果
Jun 23 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
jquery之empty()与remove()区别说明
Sep 10 Javascript
js图片延迟技术一般的思路与示例
Mar 20 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
react-native中ListView组件点击跳转的方法示例
Sep 30 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 09 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性能优化 产生高度优化代码
2011/07/22 PHP
教你如何使用php session
2013/10/28 PHP
PHP最常用的正则表达式
2017/02/13 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
python中的装饰器详解
2015/04/13 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
东方电视购物:东方CJ
2016/10/12 全球购物
市场部专员岗位职责
2013/11/30 职场文书
管理部部长岗位职责
2013/12/05 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
蔬菜基地的创业计划书
2014/01/06 职场文书
会计岗位职责范本
2014/03/07 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers