执行JS的一段代码

保存为html 的文件

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <p>
        <input type="button" onclick="initProvince('002042','002042001','002042001010');" value='提交获取省份'/>
        <input type="button" onclick="getCitysByProvinceCode('002042','002042001','002042001010');" value='获取城市'/>
        <input type="button" onclick="getCountsByCityCode();" value='获取区域'/>
    </p>

    <script type="text/javascript" src="http://www.189.cn/image/189cnv2/js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="http://www.189.cn/dqmh/static/js/jquery/jquery.min.js"></script>
    <script>

        function initProvince(provinceId,cityId,countyId){
       $.ajax({
		       url : 'http://www.189.cn/dqmh/integrated/orderInfo.do?method=getAreaInfo&area=province&timeflg=1544688014591',
			   type : 'get',
			   dataType : "json",
			   async:false,
			   success : function(data){
			   	  $("#"+provinceId).find("option").remove();
			   	  $("#"+countyId).find("option").remove();
			      $("#"+countyId).css("display","none");
			      for(var i = 0 ; i < data.dataObject.length ; i++){
			         $("#"+provinceId).append("<option value='" + data.dataObject[i].freight_area_code +"'>"
			           + data.dataObject[i].freight_area_name +"</option>");
			      }
			      var flg = 1;
			      $("#"+provinceId).find("option").each(function(n){
			         if($(this).val() == getCityCodeByShopId(getURLOfChannelId('shopId'))){
			           $(this).attr("selected","selected");
			           $("#"+provinceId).attr("disabled","disabled");
			           flg = 0;
			         }
			      });
			      if(flg == 1){
			       $("#"+provinceId).append("<option value='0'>-请选择-</option>");
			      }
			      if(def_province_code != ""){
			    	  $("#"+provinceId).val(def_province_code);
			    	  def_province_code = "";
			      }
			      getCitysByProvinceCode(provinceId,cityId,countyId);
			   },
			   error : function(){

			   }
	    });
    }

    function getURLOfChannelId(param) {
		var url = window.location.href;
		var urlInfo = url.replace("#", "");
		var len = urlInfo.length;
		var offset = urlInfo.indexOf("?");
		var strParamValue = "";
		if (offset > 0) {
			var strKeyValue = urlInfo.substr(offset + 1, len);
			if (strKeyValue.indexOf("&") > 0) {
				var keyValueArray = strKeyValue.split("&");
				for (var i = 0; i < keyValueArray.length; i++) {
					var channelArray = keyValueArray[i].split("=");
					if (channelArray[0] == param) {
						strParamValue = channelArray[1];
					}
				}
			} else {
				var keyValueArr = strKeyValue.split("=");
				if (keyValueArr[0] == param) {
					strParamValue = keyValueArr[1];
				}
			}
			return strParamValue;
		}
    }
   function getCityCodeByShopId(shopId){
   if(shopId == '10001'){
     return '002001';
   }else if(shopId == '10002'){
     return '002002';
   }else if(shopId == '10005'){
   return '002011';
   }else if(shopId == '10010'){
   return '002013';
   }else if(shopId == '10007'){
   return '002004';
   }else if(shopId == '10009'){
   return '002054';
   }else if(shopId == '10008'){
   return '002005';
   }else if(shopId == '10006'){
   return '002003';
   }else{
     return '';
   }
}
function getCitysByProvinceCode(provinceId,cityId,countyId){
         $.ajax({
               ///                      dqmh/integrated/orderInfo.do?method=getAreaInfo&area=city&timeflg=' + (new Date()).valueOf()
		       url : 'http://www.189.cn/dqmh/integrated/orderInfo.do?method=getAreaInfo&area=city&timeflg=1544686764642&province=002042',
			   type : 'get',
			   dataType : "json",
			   data : {'province' : $('#'+provinceId+' option:selected').val()},
			   async:false,
			   success : function(data){
			      $("#"+cityId).find("option").remove();
			      $("#"+cityId).append("<option value='0'>-请选择-</option>");
			      $("#"+countyId).css("display","none");

			      for(var i = 0 ; i < data.dataObject.length ; i++){
			         $("#"+cityId).append("<option value='" + data.dataObject[i].freight_area_code + "'>"
			           + data.dataObject[i].freight_area_name +"</option>");
			      }
			      if(def_city_code != ""){
			    	  $("#"+cityId).val(def_city_code);
			    	  def_city_code = "";
			      }
			      if($('#'+cityId+' option:selected').val() != '0'){
			      getCountsByCityCode(provinceId,cityId,countyId);
			      }
			   },
			   error : function(){

			   }
	    });
    }


//获取最后面的地址Counts
function getCountsByCityCode(provinceId,cityId,countyId){
          $.ajax({
		       url : 'http://www.189.cn/dqmh/integrated/orderInfo.do?method=getAreaInfo&area=county&timeflg=1544686769173&city=002042001&province=002042',

			   type : 'get',
			   async : false,
			   dataType : "json",
			   data : {'city' : $('#'+cityId+' option:selected').val(),'province':$('#'+provinceId+' option:selected').val()},
			   success : function(data){
			      $("#"+countyId).find("option").remove();
			      $("#"+countyId).css("display","inline");
			      $("#"+countyId).append("<option value='0'>-请选择-</option>");
			      for(var i = 0 ; i < data.dataObject.length ; i++){
			         $("#"+countyId).append("<option value='" + data.dataObject[i].freight_area_code + "'>"
			           + data.dataObject[i].freight_area_name +"</option>");
			      }
			      if(def_country_code != ""){
			    	  $("#"+countyId).val(def_country_code);
			    	  def_country_code = "";
			      }
			      if(data!="" && data.dataObject.length>0){
			    	  $("#"+countyId).show();
			    	  $("#"+countyId).parent().css("display","");
			      }
			   },
			   error : function(){

			   }
	    });
    }

    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_43102784/article/details/84990711
今日推荐