浅析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 相关文章推荐
JavaScript窗口功能指南之在窗口中书写内容
Jul 21 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
疯掉了,尽然有js写的操作系统
Apr 23 Javascript
jquery选择器的选择使用及性能介绍
Jan 16 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
Feb 27 Javascript
js解决movebox移动问题
Mar 29 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
js实现倒计时关键代码
May 05 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
原生js实现省市区三级联动代码分享
Feb 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经典的给图片加水印程序
2006/12/06 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
php cookie使用方法学习笔记分享
2013/11/07 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
Angularjs中使用layDate日期控件示例
2017/01/11 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
Node.js使用Angular简单示例
2018/05/11 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Django返回json数据用法示例
2016/09/18 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
临床医学应届生求职信
2013/11/06 职场文书
2013年员工自我评价范文
2013/12/27 职场文书
自主招生自荐信指南
2014/02/04 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
个人收入证明范本
2015/06/12 职场文书