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