JS 根据下拉框的文字改字体颜色怎么写，比如“是”为绿色，“否”显示红色。

JavaScript09

JS 根据下拉框的文字改字体颜色怎么写，比如“是”为绿色，“否”显示红色。,第1张

<html>

<head><title></title></head>

<body>

<select id="changeColor" onChange="change()">

<option value="是">是</option>

<option value="否">否</option>

</select>

</body>

<script type="text/javascript">

var change = function change(){

if(document.getElementById("changeColor").getElementsByTagName("option")[0].selected){

document.getElementById("changeColor").style.color="green"

}else if(document.getElementById("changeColor").getElementsByTagName("option")[1].selected){

document.getElementById("changeColor").style.color="red"

}

}

</script>

</html>

<SCRIPT language="JavaScript">

function show(d1){

if(document.getElementById(d1).style.display=='none'){

document.getElementById(d1).style.display='block' //如果触动的层如果处于隐藏状态，即显示

}

else{document.getElementById(d1).style.display='none' //如果触动的层如果处于显示状态，即隐藏<br>}

}

</SCRIPT>你看这个可以不？

<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=0i<selectColor.options.lengthi++){ 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 判断值为什麽 就改变颜色就可以了