您的位置:首页 > Web前端 > JQuery

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

2018-01-25 17:39 806 查看
<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>  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: