是当我选择了第一个下拉菜单的一个内容后,第二个下拉菜单就只显示第一个菜单下的内容,再当我选择了第二个下拉菜单的一个内容后,第三个下拉菜单就只显示第二个菜单下的内容。第我选择了第三个…………
就是当大家在注册某个网站的时候,在地点选择时,当你选择了省名后,后面的城市下拉菜单中,就只显示此省内的所有城市名称,再当你选择了城市后,后面的区县下拉菜单中就只显示此城市内所有的区或县的名称。以此类推。
当我最后选中后,下面会显示这个选项下的内容
就像招聘,选经理选项,然后会有市场经理,财务经理再选财务经理选中,点搜索钮,下面就会显示应聘财务经理的要求.
多谢各位大哥,小弟不胜感激!!

解决方案 »

  1.   

    AJAX 下拉選單
    http://blog.wu-boy.com/2008/12/19/637/
      

  2.   

    Ajax 联动 网上应该很多吧。
      

  3.   

    网上找吧。很多,这是联动下拉。struts2有一个标签也有这种功能。
      

  4.   

    记得给分!
     //获取国家信息
     function GetCountryList<%=DivName %>()
     {
         $.ajax({
           type:"Post",
           url:"<%=BLL.Config.root %>ProAjax/Clearing/GetCountry.aspx",
           data:"",
           success:function (msg){
             var datalist=eval(msg);
             for(var i=0;i<datalist.length;i++){
              var key=datalist[i][0];
              var value=datalist[i][1];
               $("<option value="+value+">"+key+"</option>").appendTo($("#ddlCountry<%=DivName %>"));
             }
              $("<option value=''>其他国家或地区</option>").appendTo($("#ddlCountry<%=DivName %>"));
              $("#ddlCountry<%=DivName %>").val(35);
              GetProvinceById<%=DivName %>();
           }   
         })
     }
     //通过国家ID获取省份列表信息
     function GetProvinceById<%=DivName %>(){
        var CountryID=$("#ddlCountry<%=DivName %>").val();
        $("#ddlprovince<%=DivName %>").html("");
        if(CountryID==""){
            //其他国家或地区
            $("#ddlprovince<%=DivName %>").css("display","none");   
            $("#ddlCity<%=DivName %>").css("display","none");
            $("#ddlarea<%=DivName %>").css("display","none");
        }else{
           //选择了国家
            $("#ddlprovince<%=DivName %>").css("display",""); 
            $("#ddlCity<%=DivName %>").css("display","");
            $("#ddlarea<%=DivName %>").css("display","");
           var datalist="cid="+CountryID;
           $.ajax({
             type:"Post",
             url:"<%=BLL.Config.root %>ProAjax/Clearing/GetProvinceList.aspx",
             data:datalist,
             success:function(msg){
                if(msg!=""){
                  //有省份
                     var datalist=eval(msg);
                     for(var i=0;i<datalist.length;i++){
                      var key=datalist[i][0];
                      var value=datalist[i][1];
                       $("<option value="+value+">"+key+"</option>").appendTo($("#ddlprovince<%=DivName %>"));
                     }
                    $("<option value=''>请选择省份</option>").prependTo($("#ddlprovince<%=DivName %>"));
                    $("#ddlprovince<%=DivName %>").val("");
                 }else{
                 //无省份
                    $("<option value=''>请选择省份</option>").appendTo($("#ddlprovince<%=DivName %>"));
                    $("#ddlCity<%=DivName %>").html("");
                    $("<option value=''>请选择城市</option>").appendTo($("#ddlCity<%=DivName %>"));
                    $("#ddlarea<%=DivName %>").html("");
                    $("<option value=''>请选择县区</option>").appendTo($("#ddlarea<%=DivName %>"));             }
              }
           }) 
        }    
     }
     
     //通过省份获取城市列表
     function GetCityById<%=DivName %>(){
       var provinceId=$("#ddlprovince<%=DivName %>").val();
       $("#ddlCity<%=DivName %>").html("");
       if(provinceId==""){
         //无,请选择省份
         $("<option value=''>请选择城市</option>").appendTo($("#ddlCity<%=DivName %>"));
       }else{
         //有选择了省份
         var datalist="pid="+provinceId;
           $.ajax({
             type:"Post",
             url:"<%=BLL.Config.root %>ProAjax/Clearing/GetCityList.aspx",
             data:datalist,
             success:function(msg){
                if(msg!=""&&msg!="[]"){
                  //有城市
                     var datalist=eval(msg);
                     for(var i=0;i<datalist.length;i++){
                      var key=datalist[i][0];
                      var value=datalist[i][1];
                       $("<option value="+value+">"+key+"</option>").appendTo($("#ddlCity<%=DivName %>"));
                     }
                    $("<option value=''>请选择城市</option>").prependTo($("#ddlCity<%=DivName %>"));
                    $("#ddlCity<%=DivName %>").val("");
                    $("#ddlarea<%=DivName %>").html("");
                    $("<option value=''>请选择县区</option>").appendTo($("#ddlarea<%=DivName %>"));
                 }else{
                 //无城市
                    $("<option value=''>请选择城市</option>").appendTo($("#ddlCity<%=DivName %>"));
                    $("#ddlarea<%=DivName %>").html("");
                    $("<option value=''>请选择县区</option>").appendTo($("#ddlarea<%=DivName %>"));
                 }
              }
           }) 
       }
     }
     
     
     //通过城市获取县区列表
     function GetArea<%=DivName %>(){
        var cityId=$("#ddlCity<%=DivName %>").val();
        $("#ddlarea<%=DivName %>").html("");
        if(cityId==""){
          //无,请选择城市
          $("<option value=''>请选择县区</option>").appendTo($("#ddlarea<%=DivName %>"));    
        }else{
         //有选择城市
         var datalist="citycode="+cityId;
            $.ajax({
             type:"Post",
             url:"<%=BLL.Config.root %>ProAjax/Clearing/GetAreaList.aspx",
             data:datalist,
             success:function(msg){
                if(msg!=""&&msg!="[]"){
                  //有县区
                     var datalist=eval(msg);
                     for(var i=0;i<datalist.length;i++){
                      var key=datalist[i][0];
                      var value=datalist[i][1];
                       $("<option value="+value+">"+key+"</option>").appendTo($("#ddlarea<%=DivName %>"));
                     }
                    $("<option value=''>请选择县区</option>").prependTo($("#ddlarea<%=DivName %>"));
                    $("#ddlarea<%=DivName %>").val("");
                 }else{
                 //无县区
                     $("<option value=''>请选择县区</option>").appendTo($("#ddlarea<%=DivName %>"));
                 }
              }
           }) 
        }
     }