前端菜鸟

jquery 城市三级联动

js代码

/*城市三级联动

* @method cityChange

* @param allProvince,allCity,allDistrict

*/


function cityChange(provinceN,cityN,districtN){
    var all_province="";
    for(var i=0;i'+allCity.province[i].name+'';  };

    $('#'+provinceN).append(all_province);

    
    $('#'+provinceN).change(function () {
                var provinceId = $('#'+provinceN).val();
                $('#'+cityN).find("option:gt(0)").remove();
                 $('#'+districtN).find("option:gt(0)").remove();
               var all_city="";  
               if( provinceId!=99999){             
               for(var j=0;j'+allCity.city[provinceId][j].name+'';                                         
                    } } ;
                    $('#'+cityN).append(all_city);                                  
            });

    $('#'+cityN).change(function () {
                var cityId = $(this).val();
                var all_district="";                
               for(var k=0;k'+allCity.district[cityId][k].name+'';                                         
                    }  ;
                    $('#'+districtN).append(all_district);                                  
            });            
}

 

HTML代码




    
    城市三级联动


	
	

 源码下载地址==》下载

(0)

本文由 Calamus 作者:calamus 发表,转载请注明来源!

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注