jquery动态添加以及遍历option并获取特定样式名称的option方法


Posted in jQuery onJanuary 29, 2018

实例如下所示:

<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<select class="form-control" id='selectId'> 
<option class="all" value="0">全部</option> 
<option class="all" value="1">os2</option> 
<option>os2-anthonos</option> 
<option>os2-apps</option> 
<option>os2-centralpoint</option> 
<option>kf5-experimental</option> 
</select> 
<script> 
 //动态添加option 
 //$("#selectId").append("<option value='"+value+"'>"+text+"</option>"); 
 $(document).ready(function(){ 
 var string = ""; 
 $("#selectId option").each(function(){ //遍历全部option 
 var text = $(this).text(); //获取option的text 
 var value = $(this).val(); //获取option的value 
 if($(this).attr("class")=="all") 
  string +="{"+text+":"+value+"}"; 
 }); 
 alert(string.substring(0,string.length)); 
}); 
</script>

以上这篇jquery动态添加以及遍历option并获取特定样式名称的option方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery复合事件用法示例
Jun 10 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
简单实现jQuery弹窗效果
Oct 30 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jquery操作select常见方法大全【7种情况】
May 28 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
详解jQuery的核心函数和事件处理
Feb 18 jQuery
jQuery代码优化方法总结
Jan 29 #jQuery
jquery写出PC端轮播图实例
Jan 26 #jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 #jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 #jQuery
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 #jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 #jQuery
解决Jquery下拉框数据动态获取的问题
Jan 25 #jQuery
You might like
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
2017/03/21 Javascript
JavaScript事件处理程序详解
2017/09/19 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
使用python在本地电脑上快速处理数据
2017/06/22 Python
通过cmd进入python的实例操作
2019/06/26 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
如何使用python传入不确定个数参数
2020/02/18 Python
python 如何将office文件转换为PDF
2020/09/22 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
2015年幼儿园毕业感言
2014/02/12 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
同事离别感言
2015/08/04 职场文书
2016国庆促销广告语
2016/01/28 职场文书