下拉框根据选中改变显示样式

下拉框根据选中改变显示样式

原生下拉框切换选项内容，动态改变显示样式，需要给每一个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";
                }
            }