当前位置: 首页 > 编程笔记 >

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

吕作人
2023-03-14
本文向大家介绍jquery动态添加以及遍历option并获取特定样式名称的option方法,包括了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方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Jquery遍历select option和添加移除option的实现方法,包括了Jquery遍历select option和添加移除option的实现方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上这篇Jquery遍历select option和添加移除option的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JQuery动态添加Select的Option元素实现方法,包括了JQuery动态添加Select的Option元素实现方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery增加、删除及修改select option的方法,包括了jQuery增加、删除及修改select option的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考,具体如下: jQuery获取Select选择的Text和Value: 1. 2. 3. 4. jQuery添加/删除S

  • 问题内容: 我有一个带有几个OPTION元素的SELECT列表。这是我天真地设置选项文本部分样式的方法: 这不起作用:浏览器不喜欢OPTION元素内的SPAN元素。 还有其他方式来设置OPTION元素文本的一部分样式吗? 问题答案: 不。使用平台固有的样式设置样式,仅样式样式的一部分无效。(通常也不是一个特别好的主意。)

  • ion-option是ion-select的子组件。 输入 checked boolean 是否被选中 value any 该选项的值

  • 本文向大家介绍layui动态渲染生成select的option值方法,包括了layui动态渲染生成select的option值方法的使用技巧和注意事项,需要的朋友参考一下 脚本语言:设定默认值;直接拼接,然后根据返回值渲染select 以上这篇layui动态渲染生成select的option值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。