UC知道请教如何用javascript 动态改变option 的背景色，谢谢
来源：百度知道 编辑：UC知道 时间：2024/05/04 05:29:33
有一个下拉列表框如下：
<select id=selectColor name="aaa" >
<option value="a" >a</option>
<option value="b" >b</option>
<option value="c" >c</option>
<option value="d" >d</option>
<option value="e" >e</option>
<option value="f" >f</option>
<option value="g" >g</option>
<option value="h" >h</option>
<option value="i" >i</option>
</select>
现在想通过javascript 来改变g,h,i 选项的背景色也就是<option value="g" >g</option>
<option value="h" >h</option>
<option value="i" >i</option> 这三项，g,h,i的位置不固定，是动态生成的，所以无法用op
<select id=selectColor name="aaa" >
<option value="a" >a</option>
<option value="b" >b</option>
<option value="c" >c</option>
<option value="d" >d</option>
<option value="e" >e</option>
<option value="f" >f</option>
<option value="g" >g</option>
<option value="h" >h</option>
<option value="i" >i</option>
</select>
现在想通过javascript 来改变g,h,i 选项的背景色也就是<option value="g" >g</option>
<option value="h" >h</option>
<option value="i" >i</option> 这三项，g,h,i的位置不固定，是动态生成的，所以无法用op
<select id=selectColor name="aaa" >
<option value="a" >a</option>
<option value="b" >b</option>
<option value="i" >i</option>
<option value="c" >c</option>
<option value="d" >d</option>
<option value="e" >e</option>
<option value="f" >f</option>
<option value="g" >g</option>
<option value="h" >h</option>
</select>
<script>
for(var i=0; i<selectColor.options.length;i++){ if(selectColor.options[i].text=='g'||selectColor.options[i].text=='h'||selectColor.options[i].text=='i'){
selectColor.options[i].style.background="#FFF000"
}
}
</script>
//我帮你处理好了!!循环 selectColor 里面的option 判断值为什麽 就改变颜色就可以了