http://paranimage.com/css-and-more-than-30-drop-down-menu-resources-js/自己挑

解决方案 »

  1.   

    就是想在form表单里写一个省市联动的下拉菜单,提交表单时,提交pID和cID
      

  2.   

    楼主我写个大概意思的。
    //省
    <select name="province" onchange="selCity()">
       <option value=""></option>   //默认带入
    </select>
    //市
    <select name="city" id="city"></select>//后台javaString sql = "select cityId,cityName from city where pId = " + pId;
    function selCity(){
       //使用ajax传入省编号,获取与他相关的市编号,市名称
       //具体Ajax写法根据你们项目使用的写法
       //我用Jquery写个
      jQuery.post({
          url : url,
          success : function(data){
             //data为list形式的字符串,市编码,市名称
             var data = strToArr(data);  //将字符串转为二维数组
             $("#city").empty("");
             var city = document.getElementById("city");
             var option = new Option("","请选择");
             city.add(option);
             for(var i = 0; i < data.length; i++){
                  option = new Option(data[i][0],data[i][1]);
                  city.add(option);
             }
          }
      })
       
    }
    function strToArr(str){
    var flag = str.substring(1,2);
    var returnArr = [];
    var tmpStr = "";
    var tmpArr = [];
    //一维数组
    if(flag != "["){
    tmpStr = str.substring(1,str.length - 1);
    if(tmpStr != ""){
    returnArr = tmpStr.split(/\s*,\s*/);
    }
    }//二维数组
    else{
    tmpStr = str.substring(2,str.length - 2);
    tmpArr = tmpStr.split(/\]\s*,\s*\[/); //过滤空格
    for(var i = 0; i < tmpArr.length; i++){
    returnArr.push(tmpArr[i].split(/\s*,\s*/));
    }
    }
    return returnArr;
    }