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;
};

};

}

以上代码供大家参考,如果大家有其它的方法,欢迎交流.