浅析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 在线引用及测试引用是否成功
Jun 24 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
JS实现的车标图片提示效果代码
Oct 10 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
javascript 用函数实现继承详解
May 28 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
js常见遍历操作小结
Jun 06 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 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/16 PHP
PHP正则表达式之定界符和原子介绍
2012/10/05 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
js密码强度校验
2015/11/10 Javascript
巧用canvas
2017/01/21 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
python字符串的常用操作方法小结
2016/05/21 Python
python win32 简单操作方法
2017/05/25 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python 实现让字典的value 成为列表
2019/12/16 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
英国婴儿产品专家:Samuel Johnston
2020/04/20 全球购物
机关门卫制度
2014/02/01 职场文书
义和团口号
2014/06/17 职场文书
金融与证券专业求职信
2014/06/22 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
Redis入门教程详解
2021/08/30 Redis
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript