浅析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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
JavaScript的parseInt 进制问题
May 07 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
Oct 29 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
php adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
2020/04/13 PHP
jQuery简单实现banner图片切换
2014/01/02 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
vue init webpack 建vue项目报错的解决方法
2018/09/29 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
对Python3 pyc 文件的使用详解
2019/02/16 Python
python zip()函数使用方法解析
2019/10/31 Python
python自动识别文本编码格式代码
2019/12/26 Python
python统计文章中单词出现次数实例
2020/02/27 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
瑞典香水、须后水和美容产品购物网站:Parfym-Klick.se
2019/12/29 全球购物
新闻专业个人自我评价
2013/09/21 职场文书
优秀村官事迹材料
2014/01/10 职场文书
就业协议书范本
2014/04/11 职场文书
大学生自我评价范文
2015/03/03 职场文书
地道战观后感400字
2015/06/04 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
小学美术教学反思
2016/02/17 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript