如何在JSP中实现三级联动

   大家好!   我在CSDN上也下载了一些关于JSP三级联动的例子,如用JavaScript写的,可是都不怎么会用,有些也看不懂.   各位能不能给我点建议,哪里能有更好的资源可以参考.   谢谢各位的关注!

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT LANGUAGE="JavaScript">
    //显示城市
    function showCity(str,cityObj){
    if(str=='000'){
    clear(cityObj);
    }else{
    clear(cityObj);
    var option1=new Option('请选择城市','000');
    var option2=new Option('杭州','杭州');
    cityObj.add(option1);
    cityObj.add(option2);
    }
    }
    //显示城区
    function showArea(str,areaObj){
    if(str=='000'){
    clear(areaObj);
    }else{
    clear(areaObj);
    var option1=new Option('请选择城区','000');
    var option2=new Option('西湖区','西湖区');
    var option3=new Option('上城区','上城区');
    var option4=new Option('下城区','下城区');
    areaObj.add(option1);
    areaObj.add(option2);
    areaObj.add(option3);
    areaObj.add(option4);
    }
    } function clear(obj){
    for(i=obj.options.length-1;i>=0;i--){
    obj.remove(i);
    }
    }
      </SCRIPT>
     </HEAD> <BODY>
     <form name="aaa">
    <select name="province" id="province" onchange="showCity(this.value,this.form.city)">
    <option value="000">请选择省份</option>
    <option value="1">浙江</option>
    <option value="2">江苏</option>
    </select>
    <select name="city" id="city" onchange="showArea(this.value,this.form.area)"> </select>
    <select name="area" id="area"> </select>
    </form>
     </BODY>
    </HTML>
    给你弄了个最简单的，相信你肯定能看懂
      

  2.   

    你用AJAX来实现就好了，网上有挺多这样的例子
      

  3.   

    其实就是触发select的onchange事件了，然后就是怎么来找到你的下一级数据，再生成出到二级select里。。
      

  4.   

    多少级无所谓.关键要懂原理.这种代码最好自己敲出参考: jsp版AJAX下拉条级联 
      

  5.   

    这个问题论坛上问的很多，lz可以看一下这个帖子里我的回复。
    http://topic.csdn.net/u/20070906/12/fe5993b7-b750-4847-bdab-591928df0887.html