jquery动态添加和遍历option的方法
- php中世界最好的语言原创
- 2018-03-23 09:39:583343浏览
这次给大家带来jquery动态添加和遍历option的方法，jquery动态添加遍历option的注意事项有哪些，下面就是实战案例，一起来看一下。
实例如下所示：
<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>
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是jquery动态添加和遍历option的方法的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn