new Option(）联动菜单

最新推荐文章于 2022-06-22 22:47:53 发布

爱吃苹果的牛顿

最新推荐文章于 2022-06-22 22:47:53 发布

阅读量1.1k

点赞数

分类专栏： jquery js 特效

本文链接：https://blog.csdn.net/qq_16014497/article/details/79467945

版权

jquery 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

特效

1 篇文章 0 订阅

订阅专栏

 //add() 方法用于向 <select> 添加一个 <option> 元素。
 //new Option() 创建一个option标签
 school.add(new Option('北京大学1'))

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <base href="<%=basePath%>">  
      
    <title>My JSP 'submenu.jsp' starting page</title>  
      
    <meta http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">  
    <meta http-equiv="expires" content="0">      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    <meta http-equiv="description" content="This is my page">  
    <!-- 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    -->  
    <script type="text/javascript">  
    //城市  
    var city = ['请选择','北京','天津','上海','重庆'];  
    //地区  
    var district = [[],  
                    ['东城','西城','朝阳','海淀'],  
                    ['河东','河西','河北','南开'],  
                    ['黄埔','徐汇','长宁','静安'],  
                    ['渝北','渝中','江北','江津']];  
    window.οnlοad=function(){  
        createCity();     
        document.getElementById("city").οnchange= createDistrict;  
    };  
    function createCity(){  
        //获得1级菜单select  
        var ci = document.getElementById("city");  
        //为1级菜单select添加option  
        for(var i in city){  
            var op = new Option(city[i],city[i]);  
            ci.options.add(op); 
            
        }  
    }  
    function createDistrict(){  
        //获取当前选中的一级菜单的选项的下标  
        var index = document.getElementById("city").selectedIndex;  
        //获得2级菜单select  
        var di = document.getElementById("district");  
        //清空二级菜单选项  
        di.options.length=0;  
        //为2级菜单select添加option  
        for(var i in district[index]){  
            var op = new Option(district[index][i],district[index][i]);  
            di.options.add(op);  
        }  
    }  
      
    </script>  
  </head>  
    
  <body>  
  <p>请选择所述地区：</p>  
    <select id="city"></select>  
    <select id="district"></select>  
  </body>  
</html>

爱吃苹果的牛顿

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
new Option(）联动菜单

//add() 方法用于向 &lt;select&gt; 添加一个 &lt;option&gt; 元素。 //new Option() 创建一个option标签 school.add(new Option('北京大学1')) &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&g...
复制链接

扫一扫