求一个省市区联动的JS，不要下拉框的那种


想这种的 点击省的时候下面出现这个省的市  点击市 再出现区  或者类似的这种非下拉的效果即可

解决方案 »

  1.   

    实现原理是一样的，你练习一下js对页面的操作吧，借助jquery更方便，添加标签，移除标签，然后就是ajax，都会了自然知道怎么做
      

  2.   

    利用 淘宝的地区库写了个例子<!DOCTYPE html><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>area test</title>
    <script type="text/javascript" charset="gb2312" src="http://a.tbcdn.cn/p/address/130806/tdist_py.js"></script>
    </head>
    地区:
    <div id="province"></div>
    <div id="area"></div>
    <body>
    <script>
     function getArea(id){
      var htmls=[];
      for(var k in tdist_all){
       if(tdist_all[k][1]==id){
        htmls.push('<a href="javascript:setA('+k+')">' +  tdist_all[k][0] +'</a>' );
       }
      }
      return htmls.join(' ');
     }
     function setA(id){
      document.getElementById('area').innerHTML=getArea(id);
     }
     document.getElementById('province').innerHTML=getArea(1);
    </script>
    </body>
    </html>
      

  3.   


    我们的项目里就用到过，其实这和下拉没有关系，就像楼上说的，完全是JQUERY DOM+AJAX操作
    当然，前提是你要下载省市级联json数据包！
      

  4.   

    给两个demo参考一下
    一：对应demo例子：http://www.ablanxue.com/prone_1470_1.html二：对应demo
    http://www.ablanxue.com/prone_2051_1.html
      

  5.   

    json数据包是关键，源码一堆一堆的
      

  6.   


    http://www.jq-school.com/Detail.aspx?id=64http://www.jq-school.com/Detail.aspx?id=275http://www.jq-school.com/Detail.aspx?id=114