jquery动态添加以及遍历option并获取特定样式名称的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>

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

赞 (0)

相关推荐

  • jquery动态添加option示例

    jquery动态添加option js动态添加option 复制代码 代码如下: var sel= document.getElementById("Selected1"); sel.options.add(new Option("请选择",""));sel.options.add(new Option("name","id")); jquery动态添加option 复制代码 代码如下: $("#

  • JQuery动态添加Select的Option元素实现方法

    如下所示: var selector=$('<select></select>'); for(var i=0;i<5;i++){ selector.append('<option value="'+i+'">'+i+'</option>'); } 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Jquery遍历select option和添加移除option的实现方法

    如下所示: function changeShipMethod(shipping){ var len = $("select[name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } });

  • jquery动态添加以及遍历option并获取特定样式名称的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 c

  • JS & JQuery 动态添加 select option

    今天有朋友问我一个关于在<select>里动态添加option问题,一开始以为是JS那里动态添加,所以用了JS动态添加option的方法,但你那里是用JQuery的,所以才会一直出错,下面记下在JS和JQuery里添加option的区别. JS: var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i);

  • jquery动态添加文本并获取值的方法

    实例如下: $(function() { var i = 1; $('#addText').click(function() { if (i < 9) { $('#main').append('<div><input type="text" name="text" + i + ""/> <a href="#" mce_href="#" class="del-te

  • Jquery动态添加及删除页面节点元素示例代码

    通常我们会遇到选中某个条件,然后添加,累计多个后,再进行执行. 废话不多说,直接上代码! 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery动态添加及删除页面节点</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js&quo

  • jQuery动态添加删除select项(实现代码)

    复制代码 代码如下: // 添加function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append("<option value='"+value+"'>"+text+"</option>");}// 删除function col_d

  • jQuery动态添加.active 实现导航效果代码思路详解

    jQuery动态添加.active 实现导航效果代码思路详解

     代码思路: 页面4: 页面5: 代码思路: 通过jq获取你打开页面的链接  window.location.pathname: 在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同 通过jq包含方法找到相对应的li给他加入active类名 然后..就没有然后了... jq代码: $(function () { var li = $(".title_ul").children("li"); for (var i = 0; i < li.l

  • Android 动态添加view或item并获取数据的实例

    Android 动态添加view或item并获取数据的实例

    最近在做一项目,项目中用到了一个功能,要求是动态Item,而且是多个的情况下,不过仔细的分析了下,都大同小异,做起来也很简单,在这里我只抽取出来做了一demo,也只做了一个动态添加item,同时可以获取所有添加和编辑Item上的数据,先上图: 我们先来分析一下这个demo: 两个TextView和EditText,一个Button,一个星级评价RatingBar控件,布局完事- activity_dynamic的布局,有可能会添加多个,所以外面用ScrollView,因为我们是垂直方向添加,所以

  • jquery动态添加带有样式的HTML标签元素方法

    如下所示: <table class="exhibit_table" style="font-size:13px; text-align:left;"> <tr> <td style="width:80px;" align="right">上传计划单</td> <td style="padding:10px;"><input type=&qu

随机推荐