jQuery 获取和设置select下拉框的值实现代码


Posted in Javascript onNovember 08, 2013

获取Select :

获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

$("#ddlRegType ").val();

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;

设置select:

设置select 选中的索引:

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 

            break; 
        } 
    }

$("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

 $("#select_id option:last").remove(); //删除索引值最大的Option

 $("#select_id option[index='0']").remove();//删除索引值为0的Option

 $("#select_id option[value='3']").remove(); //删除值为3的Option

 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
 

清空 Select:

$("#ddlRegType ").empty();

Javascript 相关文章推荐
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
初识Node.js
Sep 03 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
js弹出窗口返回值的简单实例
May 28 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
vue实现分页的三种效果
Jun 23 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 #Javascript
JavaScript中this的使用详解
Nov 08 #Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 #Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 #Javascript
原生js做的手风琴效果的导航菜单
Nov 08 #Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 #Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 #Javascript
You might like
随机头像PHP版
2006/10/09 PHP
URL Rewrite的设置方法
2007/01/02 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
基于jQuery的弹出框插件
2012/03/18 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
Python使用sorted排序的方法小结
2017/07/28 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
年会活动策划方案
2014/01/23 职场文书
《海底世界》教学反思
2014/04/16 职场文书
班级学习计划书
2014/04/27 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
婚礼家长致辞
2015/07/27 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers