1. 程式人生 > >js設定下拉框(select)為只讀或編輯示例

js設定下拉框(select)為只讀或編輯示例

由於select不像input、textarea有disable和readonly屬性,所以只有通過其它方式設定它的只讀或編輯.以下是一種方法,程式碼如下:

//設定性別下拉框為只讀
function setSelectRead(){

var sex=document.getElementById("empSex2");
sex.onclick = function() {
var index = this.selectedIndex;
this.onchange = function() {
this.selectedIndex = index;
};
};

)

如果只讀和編輯在一個頁面,那麼設定了只讀就一定要設定為可編輯才能操作下拉框,不然操作是無效的.

//設定性別下拉框為選擇編輯狀態

function setSelectWrite(){
var sex=document.getElementById("empSex2");
sex.onclick = function() {
this.onchange = function() {
this.selectedIndex;
};

};

}

以上程式碼供大家參考,如果大家有其它的方法,歡迎交流.