citychange.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. /*城市三级联动
  2. * @method cityChange
  3. * @param allProvince,allCity,allDistrict
  4. */
  5. function cityChange(allCity,provinceN,cityN,districtN){
  6. var all_province="";
  7. for(var i=0;i<allCity.province.length;i++){
  8. all_province+='<option name="province" value='+allCity.province[i].id+'><span class="province">'+allCity.province[i].name+'</span></option>'; };
  9. $('#'+provinceN).append(all_province);
  10. $('#'+provinceN).change(function () {
  11. var provinceId = $('#'+provinceN).val();
  12. $('#'+cityN).find("option:gt(0)").remove();
  13. $('#'+districtN).find("option:gt(0)").remove();
  14. var all_city="";
  15. if( provinceId!=99999){
  16. for(var j=0;j<allCity.city[provinceId].length;j++){
  17. all_city += '<option name="city" value='+allCity.city[provinceId][j].id+'><span class="city">'+allCity.city[provinceId][j].name+'</span></option>';
  18. } } ;
  19. $('#'+cityN).append(all_city);
  20. });
  21. $('#'+cityN).change(function () {
  22. var cityId = $(this).val();
  23. var all_district="";
  24. for(var k=0;k<allCity.district[cityId].length;k++){
  25. all_district += '<option name="district" value='+allCity.district[cityId][k].id+'><span class="city">'+allCity.district[cityId][k].name+'</span></option>';
  26. } ;
  27. $('#'+districtN).append(all_district);
  28. });
  29. }