下拉框根据选中改变显示样式
原生下拉框切换选项内容,动态改变显示样式,需要给每一个option添加value值。
<select id="pxzt" onchange="changeSel()">
<option value="0" >已培训</option>
<option value="1" >未培训</option>
</select>
function changeSel(){
var pxzt = document.getElementById("selectId");
var index = pxzt.selectedIndex;
var value = pxzt.options[index].value;
if (value==1){
pxzt.style.color ="red";
}else {
pxzt.style.color ="black";
}
}