JavaScript 修改表单样式和readOnly属性

最新推荐文章于 2021-02-26 09:47:15 发布

oyprunner

最新推荐文章于 2021-02-26 09:47:15 发布

阅读量172

点赞数

分类专栏： JavaScript 文章标签： JavaScript ViewUI

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一段JavaScript代码，用于监听HTML页面中下拉列表的选择变化，并根据选择的不同选项动态改变页面元素的属性，如背景颜色和只读状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 function change() {
    	   var obj = document.getElementById("condition1");//得到下拉列框对象
           var index = obj.selectedIndex;//得到下拉列表的下标0,1,2,3,
           var val = obj.options[index].value;//得到下拉列表的value
           var text = obj.options[index].text;//得到下拉列表的text
          //alert(obj);
          alert(index);
          //alert(val);
          //alert(text);
           if (val == 0){
               alert("请选择条件！");
           }else {
               if(val == 1) {
                   document.getElementById("condition2").style.backgroundColor = "#c0c0c0";//修改input的背景颜色
                   document.getElementById("condition2").readOnly = true;//修改input的readOnly属性    
               }
               else {
                   var obj2 = document.getElementById("condition2");
                   obj2.style.backgroundColor = "#ffffff";
                   document.getElementById("condition2").readOnly = false;         
               }
           }
       }