浅析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 相关文章推荐
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
js使用html2canvas实现屏幕截取的示例代码
Aug 28 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
Mar 04 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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/06/24 PHP
php注册和登录界面的实现案例(推荐)
2016/10/24 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
JS的get和set使用示例
2014/02/20 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
常用的Javascript设计模式小结
2015/12/09 Javascript
Jquery attr()方法 属性赋值和属性获取详解
2016/04/15 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
EsLint入门学习教程
2017/02/17 Javascript
Vue插件写、用详解(附demo)
2017/03/20 Javascript
js a标签点击事件
2017/03/30 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
express框架下使用session的方法
2019/07/31 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python中的字符串替换操作示例
2016/06/27 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
Python any()函数的使用方法
2019/10/28 Python
Python文件操作方法详解
2020/02/09 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
django template实现定义临时变量,自定义赋值、自增实例
2020/07/12 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
详解Canvas事件绑定
2018/06/27 HTML / CSS
英语专业个人求职自荐信
2013/09/21 职场文书
销售自我评价
2013/10/22 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
小学开学标语
2014/07/01 职场文书
求职自我评价范文
2015/03/09 职场文书