js 学习

最新推荐文章于 2025-06-04 20:15:10 发布

原创最新推荐文章于 2025-06-04 20:15:10 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于根据下拉菜单的选择切换两个DIV元素的显示状态。通过修改DIV的display属性，实现div1和div2之间的动态切换。

js 控制div的显示

<html>
   <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
<head><TITLE>测试</TITLE>
     <script>
         function sel(){
             if(document.myForm.divList.value==1)
             {

                document.getElementById("div1").style.display="";
                document.getElementById("div2").style.display="none";
             }

             if(document.myForm.divList.value==2)
             {

                document.getElementById("div2").style.display="";
                 document.getElementById("div1").style.display="none";
             }


         }
     </script>
</head>
<body>
    <form name="myForm">
       <select name="divList" onchange="sel()">
         <option value="1">hello</option>
         <option value="2">world</option>
       </select>
       <div id="div1" style="display:none;">
         <label>my div1</label>
       </div>
       <div id="div2" style="display:none;">
       <label>my div2</label>
       </div>
    </form>
</body>
</html>