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,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
JQuery实现图片轮播效果
May 08 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jquery tmpl模板(实例讲解)
Sep 02 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
JQuery animate动画应用示例
May 14 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 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
支持oicq头像的留言簿(一)
2006/10/09 PHP
php通过字符串调用函数示例
2014/03/02 PHP
分享php分页的功能模块
2015/06/16 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
常用DOM整理
2015/06/16 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
javascript 的变量、作用域和内存问题
2017/04/19 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
python网络编程学习笔记(四):域名系统
2014/06/09 Python
Python实现带百分比的进度条
2016/06/28 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
解决Django中修改js css文件但浏览器无法及时与之改变的问题
2019/08/31 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Pycharm调试程序技巧小结
2020/08/08 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
数控专业个人求职信范文
2014/02/05 职场文书
党员公开承诺事项
2014/03/25 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
人事任命通知书
2015/04/21 职场文书
庆祝教师节主持词
2015/07/06 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电
基于docker安装zabbix的详细教程
2022/06/05 Servers