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 相关文章推荐
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
微信小程序图片轮播组件gallery slider使用方法详解
Jan 31 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
Dec 20 Javascript
实用的Vue开发技巧
May 30 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
Node.js fs模块原理及常见用途
Oct 22 Javascript
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
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
动态新闻发布的实现及其技巧
2006/10/09 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
PHP实现今天是星期几的几种写法
2013/09/26 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php进程间通讯实例分析
2016/07/11 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
对python 调用类属性的方法详解
2019/07/02 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError
2019/12/20 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
计算机网络毕业生自荐信
2013/10/01 职场文书
零件设计自荐信范文
2013/11/27 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
2014年营业员工作总结
2014/11/18 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫