浅析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 Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
js简易版购物车功能
Jun 17 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
js实现图片粘贴上传到服务器并展示的实例
Nov 08 Javascript
webpack v4 从dev到prd的方法
Apr 02 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 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
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
简单的php购物车代码
2020/06/05 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
Ext面向对象开发实践(续)
2008/11/18 Javascript
学习ExtJS Window常用方法
2009/10/07 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
2016/09/27 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[41:20]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS DK
2014/05/26 DOTA
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
详解Python中的条件判断语句
2015/05/14 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
python如何进行矩阵运算
2020/06/05 Python
Python基于locals返回作用域字典
2020/10/17 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
家长通知书家长意见
2014/12/30 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers