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

        };  

}

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