浅析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 showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
返回页面顶部top按钮通过锚点实现(自写)
Aug 30 Javascript
js处理json以及字符串的比较等常用操作
Sep 08 Javascript
Jquery ajax基础教程
Nov 20 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
js DOM的事件常见操作实例详解
Dec 16 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
关于php mvc开发模式的感想
2011/06/28 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
node.js中的console.error方法使用说明
2014/12/10 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python写的ARP攻击代码实例
2014/06/04 Python
Python多线程下载文件的方法
2015/07/10 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
浅析HTML5 Landmark
2020/09/11 HTML / CSS
香港迪士尼乐园酒店预订:Hong Kong Disneyland Hotels
2017/05/02 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
五好家庭申报材料
2014/12/20 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
调研报告的主要写法
2019/04/18 职场文书
讲解MySQL增删改操作
2022/05/06 MySQL