浅析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多线程的实现方法
May 08 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
Dec 20 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
基于jquery实现五星好评
Nov 18 jQuery
vue中node_modules中第三方模块的修改使用详解
May 31 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 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和ACCESS写聊天室(五)
2006/10/09 PHP
表单复选框向PHP传输数据的代码
2007/11/13 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
PHP查询网站的PR值
2013/10/30 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
网上抓的一个特效
2007/05/11 Javascript
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
javascript 正则表达式相关应介绍
2012/11/27 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
2013/12/26 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
angular多语言配置详解
2019/05/16 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
python学习笔记:字典的使用示例详解
2014/06/13 Python
python实现井字棋游戏
2020/03/30 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
在HTML5 Canvas中放入图片和保存为图片的方法
2014/05/03 HTML / CSS
办公室文员工作职责
2014/01/31 职场文书
就业意向书范文
2014/04/01 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
罚站检讨书
2015/01/29 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS