例如:http://www.cncard.net/selectbank.asp

解决方案 »

  1.   

    稍微有点常识都知道这是AJAX.
      

  2.   

    你把里面的代码复制下来啊查看 ---- 页面源代码  用 firefox方便点
      

  3.   

    我写过1个无限级的 
    前提是你得把数据组织好
    http://www.cnblogs.com/wtcsy/archive/2010/04/09/1708582.html
      

  4.   

    用dwr框架很简单<!--"${ctx}/dwr/interface/DisplaySchollByDistrictId.js",只要改变第一个src,DisplaySchollByDistrictId.js是根据java文件配置的js文件-->
    <script type="text/javascript" src="${ctx}/dwr/interface/DisplaySchollByDistrictId.js"></script>
    <script type="text/javascript" src="${ctx}/dwr/engine.js"></script>
    <script type="text/javascript" src="${ctx}/dwr/util.js"></script>
    <script type="text/javascript">
    //初中校和区县联动
    function initDistrictId(){
    var disid=$("addDistrictId").value;    //被联动select标签值
            //changeMiddleSchool方法是在java文件里定义的,就是根据被联动的标签值改变需要联动的select的  option
    DisplaySchollByDistrictId.changeMiddleSchool(disid,function(m){displayMiddleSchool(m);});     
    }
    function changeMiddleSchool(sk){
    DisplaySchollByDistrictId.changeMiddleSchool(sk,function(m){displayMiddleSchool(m);});
    }
    function displayMiddleSchool(obj){
    DWRUtil.removeAllOptions('schoolId');
    DWRUtil.addOptions('schoolId', obj,'schoolId','schoolName'); //'schoolId'是option的value,'schoolname'是text
    DWRUtil.setValue('schoolId', '${schoolId}');
    }
    </script>
    <body>
    <form>
        <!--这是被联动的select>
        区县:
       <select name="addDistrictId" id="addDistrictId" onchange="changeMiddleSchool(this.value)">
          <option value="0">朝阳</option>
         <option value="1">崇文</option>
         <option value="2">东城</option></select>
          <!--这是需要联动的select>
              初中校:<select name="schoolId" id="schoolId"></select>
    </form>
    </body>dwr框架的配置过程http://www.javaeye.com/topic/73605