js省市级联

最新推荐文章于 2024-09-06 10:47:36 发布

java开发小白

最新推荐文章于 2024-09-06 10:47:36 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/qq_32914323/article/details/50801872

javaScript 专栏收录该内容

10 篇文章

订阅专栏

<html>
   <head>
       <title>省市级联</title>
       <script type="text/javascript">
               var prodd = new Array();
               prodd[0]=['奉节','永川','万州','巫山'];
               prodd[1]=['济南','青岛','烟台','威海'];
           function shengCity(){
               var Sheng_v=document.getElementById("Sheng").value;
               var pro=parseInt(Sheng_v);
               if(pro!=0){
                   pro=pro-1;
               }
               var city_v=document.getElementById("City");

               document.getElementById("City").options.length=0;

               for(var i=0;i<prodd[pro].length;i++){
                   //city_v.value=prodd[pro][i];
                   var option=new Option(prodd[pro][i]);
                   city_v.add(option);
               }

           }
       </script>
   </head>
   <body>
       <form id="form1" action="" method="post" />
      省市级联效果：
              <select id="Sheng" onchange="shengCity()">
               <option value="0">请选择...</option>
               <option value="1">重庆市</option>
               <option value="2">山东省</option>
              </select>
              <select id="City">
              </select>
       </form>
   </body>
</html>