js-案例:省市连动下拉框

原创 2015年11月17日 23:29:05
  • 最终效果如下:

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述


 - 完整代码如下:

<html>
 <head>
  <style type="text/css">

  </style>
  <title>Document</title>
 </head>
 <body>
   <select id="country" onchange="add1(this.value);">
    <option value="0">请选择··</option>
    <option value="中国">中国</option>
    <option value="美国">美国</option>
    <option value="日本">日本</option>
    <option value="德国">德国</option>
   </select>

   <select id="city">

   </select>

   <script type="text/javascript">
   var array=new Array(4);
      array[0]=["中国","北京","青岛","德州","天津"];
      array[1]=["美国","纽约","华盛顿","底特律","休斯顿"];
      array[2]=["日本","大阪","东京","广岛","长崎",];
      array[3]=["德国","慕尼黑","柏林","狼堡"];
   function add1(value){

   var city1=document.getElementById("city");
   var option1=city1.getElementsByTagName("option");
     for(var t=0;t<option1.length;t++)
       {
         op2=option1[t];
         city1.removeChild(op2);
         t--;
       }
     for(var i=0;i<array.length;i++)
       {
           var arr=array[i];
           var firstvalue=arr[0];
           if(arr[0]==value)
           { 
              for(var j=1;j<arr.length;j++)
               {
                  var arr2=arr[j];
                  var op=document.createElement("option");
                  var tex1=document.createTextNode(arr2);
                  op.appendChild(tex1);
                  city1.appendChild(op);
               }
           }
       }
   }

 </script>
 </body>
</html>

js解析XML文件,并将城市显示在下拉列表,选中城市后出现城市介绍

在群上看到有人问问题,就闲着没事做了一下

js操作xml实现下拉框联动

好久没写啦,懒啊。今天写点吧,希望对需要的人有帮助 http://www.w3.org/1999/xhtml" >    Untitled Page        var oSelProvince; ...
  • qqlxx
  • qqlxx
  • 2008年03月27日 16:49
  • 1718

HTML省市区三级联动例子

完整的js写的省市级的程序

级联菜单      body,select  {  font-size:9pt;  font-family:Verdana;  }  a  {  color:red;  text...

使用原生Javascript实现城市选择逐级联动

最近研究某些网站的地点选择,其将所有站点名称存储到一个全局变量里面,通过函数调用该变量进行解析。基本思路就是,几级联动关系到数组选择维度,如要实现2级联动,需要一个二维数组存储数据。 浙江省 ...

省市二级连动下拉框(JS+XML)

  • 2009年11月20日 11:40
  • 6KB
  • 下载

jsp实现连动下拉框

  • 2013年01月08日 17:53
  • 3KB
  • 下载

Asp.net实现下拉框和列表框的连动

走过了牛腩老师的新闻发布系统,漫游过了孙鑫老师的Html,在427沐浴第一缕冬日阳光的美丽月底,小编迎来了北大青鸟的Asp.net,北大青鸟,高大上的赶脚有么有,哈哈哈,开始了小编的.net之旅。  ...

【新生入学】--JS省市二级联动下拉框

能会出现不规范的现象,我们做统计的时候很不方便,所以设计成下拉框选择的形式,这样存进数据库中的数据就都是规范的了。 籍贯的选择涉及到我们全国的34个省市等,而且选择了每个省之后要相...

省市二级、省市县三级下拉框

  • 2015年04月27日 11:42
  • 83KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js-案例:省市连动下拉框
举报原因:
原因补充:

(最多只允许输入30个字)