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;

};

};

}

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