//获取城市列表
function getCityList(){
$.ajax({
url:'',
type:'GET',
async:false,
success:function(result){
var city1;
//在cookie里面获取城市
if(checkCookie()){
var str = getCookie('result');
var arr = str.split(',');
city1 = arr[0];
}
for (var i = 0; i < result.data.length; i++) {
if (result.data[i].fullName==city1) {
$('#city').append("<option selected = 'selected' value='"+result.data[i].id+"'>"+result.data[i].fullName+"</option>");
getDistrictById(result.data[i].id);
}else{
$('#city').append("<option value='"+result.data[i].id+"'>"+result.data[i].fullName+"</option>");
}
}
/*console.info(result);*/
},
error:function(){
showTips('活动异常火爆,请您稍后再来。');
}
});
}
/*获取城市id获取对应的行政区列表*/
function getDistrictById(id){
$("#district option").remove();
if (id==0) {
return $('#district').append("<option value='"+1+"'>"+'请选择地区'+"</option>");
}else{
$.ajax({
url:
data:{ id : id },
type:'POST',
async:false,
success:function(result){
var district1;
//在cookie里面获取地区
if(checkCookie()){
var str = getCookie('result');
var arr = str.split(',');
district1 = arr[1];
}
for (var i = 0; i < result.data.length; i++) {
if (result.data[i].fullName==district1) {
$('#district').append("<option selected = 'selected' value='"+result.data[i].fullName+"'>"+result.data[i].fullName+"</option>");
}else{
$('#district').append("<option value='"+result.data[i].fullName+"'>"+result.data[i].fullName+"</option>");
}
}
/*console.info(result);*/
delAllCookie();
},
error:function(){
showTips('活动异常火爆,请您稍后再来。');
}
});
}
}
//把值存到cookie里面
function keepcity(){
var city1 = $('#city option:selected').text();
var district1 = $('#district option:selected').text();
var str = city1 + ',' + district1;
setCookie('result',str,365);
}
//删除cookie中所有定变量函数
function delAllCookie(){
var myDate=new Date();
myDate.setTime(-1000);//设置时间
var data=document.cookie;
var dataArray=data.split("; ");
for(var i=0;i<dataArray.length;i++){
var varName=dataArray[i].split("=");
document.cookie=varName[0]+"=''; expires="+myDate.toGMTString();
}
}
//储存option里面的城市和地区到cookie
//c_name 获取变量的名字 value 变量 expiredays 存储的时间
function setCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
//获取cookie
function getCookie(c_name){
if(document.cookie.length>0){
c_start=document.cookie.indexOf(c_name + "=");
if(c_start!=-1){
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if(c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
//查找cookie
function checkCookie(){
var username=getCookie('result')
if(username!=null && username!=""){return true;}
else{
return false;
}
}
//页面的html
<div class="com_select01">
<select id="city" οnchange="getDistrictById(this.value)">
<option value="0" >请选择城市</option>
</select>
<i class="com_icon01"></i>
</div>
<div class="com_select01" style="margin-left:6px;">
<select id="district">
<option value="1" >请选择地区</option>
</select>
<i class="com_icon01"></i>
</div>