`

JavaScript 修改表单样式和readOnly属性

阅读更多

Java代码 复制代码
  1. function change() {   
  2.        var obj = document.getElementById("condition1");//得到下拉列框对象   
  3.           var index = obj.selectedIndex;//得到下拉列表的下标0,1,2,3,   
  4.           var val = obj.options[index].value;//得到下拉列表的value   
  5.           var text = obj.options[index].text;//得到下拉列表的text   
  6.          //alert(obj);   
  7.          alert(index);   
  8.          //alert(val);   
  9.          //alert(text);   
  10.           if (val == 0){   
  11.               alert("请选择条件!");   
  12.           }else {   
  13.               if(val == 1) {   
  14.                   document.getElementById("condition2").style.backgroundColor = "#c0c0c0";//修改input的背景颜色   
  15.                   document.getElementById("condition2").readOnly = true;//修改input的readOnly属性       
  16.               }   
  17.               else {   
  18.                   var obj2 = document.getElementById("condition2");   
  19.                   obj2.style.backgroundColor = "#ffffff";   
  20.                   document.getElementById("condition2").readOnly = false;            
  21.               }   
  22.           }   
  23.       }  
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics