天天看點

下拉框根據選中改變顯示樣式

下拉框根據選中改變顯示樣式

原生下拉框切換選項内容,動态改變顯示樣式,需要給每一個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";
                }
            }
           

繼續閱讀