浅析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 相关文章推荐
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
jQuery防止重复绑定事件的解决方法
May 14 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
vue使用recorder.js实现录音功能
Nov 22 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
开发 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 GeoIP的使用教程
2011/03/09 PHP
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
php获取微信openid方法总结
2019/10/10 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
select组合框option的捕捉实例代码
2008/09/30 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
详解nodejs 文本操作模块-fs模块(一)
2016/12/22 NodeJs
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
python爬虫之xpath的基本使用详解
2018/04/18 Python
PyQt5实现下载进度条效果
2018/04/19 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
python与js主要区别点总结
2020/09/13 Python
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
.net工程师笔试题
2012/06/09 面试题
美工的岗位职责
2013/11/14 职场文书
最新创业融资计划书
2014/01/19 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
五一劳动节活动总结
2015/02/09 职场文书
学习计划是什么
2019/04/30 职场文书
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python
Python基本的内置数据类型及使用方法
2022/04/13 Python
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis