页面前进再后退后怎么保留下拉框option已经选择的值

//获取城市列表
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>




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值