JS联动下拉框

最新推荐文章于 2024-03-19 04:01:02 发布

blacksheepfly

最新推荐文章于 2024-03-19 04:01:02 发布

阅读量304

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/xoclcn/article/details/48971839

版权

java 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>body.html</title>
  </head>
<script language=javascript>           
   var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];      
   var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];      
   var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];      
   var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];          
   var provinceName = ["浙江", "江苏", "安徽", "江西"];      
          
   function province(){      
        var e =  document.form1.province;      
         for (var i=0; i<provinceName.length; i++)
            e.options.add(new Option(provinceName[i], provinceName[i]));      
   } 
     
   function cityName(n){      
        var e = document.form1.city;      
        for(var i=e.options.length; i>0; i--)          
            e.remove(i);      
        if(n == 0)      
            return;      
        var a = eval_r("city"+ n);      //得到城市的数组名      
        for(var i=0; i<a.length; i++)      
            e.options.add(new Option(a[i], a[i]));      
   } 
     
   function window.onload(){      
       province();      //初始时给省名下拉菜单赋内容      
   }      
</script>

 
<body>
 <form name=form1>      
   <select name=province onchange="cityName(this.selectedIndex)">      
         <option value="">请选择省名</option>      
   </select>      
     
   <select name=city>      
         <option value="">请选择城名</option>      
   </select>      
 </form>      
</body>
</html>

blacksheepfly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS联动下拉框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>body.html</title> </head><script language=javascript>...
复制链接

扫一扫

专栏目录