本文介绍两种使用jQuery迭代select元素中所有option选项的方法，并为不同值的选项添加或移除特定CSS类，实现视觉效果的变化。
.jquery 迭代 select 的option 选项
法一：
j_q("#plan3_1_1_select").change( function() {
var options=document.getElementById("plan3_1_1_select").options;
for(var i=0;i<options.length;i++){
if(options[i].value=="show"){
j_q("option[value="+options[i].value+"]").removeClass("color1");
}else{
j_q("option[value="+options[i].value+"]").addClass("color1");
}
}
});
法二：
j_q("#plan3_1_1_select").change(function(){ //事件发生
j_q('option', this).each(function(){ //印出选到多个值
if(this.value=="show"){
j_q("option[value="+this.value+"]").removeClass("color1");
}else{
j_q("option[value="+this.value+"]").addClass("color1");
}
});
});
扫一扫
159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
