用JS+CSS对HTML的select控件其中某几项操作样式,怎么写?
用JS+CSS对HTML的select控件其中某几项操作样式,怎么写? 例:把下面value="3"的改变一下,比如改变它的背景色或不显示。*这里的不显示是CSS的隐藏(可以说是Style.display="none"的效果),不是用JS删除去项!<select name="selectNum" id="selectNum"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option></select><script type="text/javascript">var varM = document.getElementById("selectNum");varM.options[3]这里怎么写代码?</script>自己演示成功的回答,不要理论,不要其它参考答案!用JS删除去项的不用回答,我会!
答案:<select name="selectNum" id="selectNum">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script type="text/javascript">
var sn = document.getElementById("selectNum");
sn.options[3].style.backgroundColor = 'red';
</script>
这个是测试过的,改变颜色,绝对可行。
其他:varM.options[3].style.background = "red";
varM.options[3].style.display = "none"; varM.options[3].style.display='none'
上一个:网页设计td.code是个css选择器,那么应用的时候为啥用td class=“code”而不是class=“td.code”呢?
下一个:如何用CSS设置来达到valign效果