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>
<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动态添加以及遍历option并获取特定样式名称的option
- jquery动态添加以及遍历option并获取特定样式名称的option
- 关于js遍历list集合,获取select选中的值以及动态添加option
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- Jquery 动态增加option及获取值 遍历option相关方法
- JavaScript以及Jquery动态添加多选框值以及获取数据的学习记录
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- jquery 根据样式或者名称获取 对象遍历赋值
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性11
- Jquery显示、隐藏元素以及添加删除样式
- jQuery怎么根据某个特定的值动态让select下的option选中
- JQuery EasyUI combobox动态添加option
- JQuery动态添加Select的Option元素
- Jquery显示、隐藏元素以及添加删除样式
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- jQuery获取动态添加的元素,live和on的区别
- 用jquery在元素上添加的样式,对当前ajax动态加载过来的一样的元素无效
- jquery将数据以table的形式显示,实现数据统计,分页,以及动态添加,搜索
- jquery动态添加列表后样式失效解决方式