我试图在页面退出时保留div

时间:2017-06-14 18:56:44

标签: javascript jquery

我试图在退出页面时保留div并且我不太确定如何解决这个问题,我知道我可以使用localStorage实现这一点,但无法弄清楚如何,这里是脚本



<script type="text/javascript">
    function ShowHideDiv() {
        var ddlPassport = document.getElementById("ddlPassport");
        var dvPassport = document.getElementById("dvPassport");
        dvPassport.style.display = ddlPassport.value == "Y" ? "block" : "none";
		
		
		
		
		
		
		var ddlPassport = document.getElementById("ddlPassport");
        var dvPassports = document.getElementById("dvPassports");
        dvPassports.style.display = ddlPassport.value == "N" ? "block" : "none";
    }
	   
</script>
&#13;
<span>Do you have Passport?</span>
    <select id = "ddlPassport" onchange = "ShowHideDiv()">
        <option value="N">No</option>
        <option value="Y">Yes</option>            
    </select>
<!--<hr />-->
<div id="dvPassport" style="display: none">
    Passport Number:
    <input type="text" id="txtPassportNumber" />
</div>

<div id="dvPassports" style="display: none">
    Other Number:
    <input type="text" id="txtPassportNumbers" />
</div>
&#13;
&#13;
&#13;

非常感谢你的帮助!

1 个答案:

答案 0 :(得分:-1)

127.0.0.1 localhost.mydomain.ca 对象的$(document).ready(function(){ $('.side-category ul li').each(function(){ $(this).css("background", $(this).css("border-left-color")); }) }); 中,将您喜欢的内容设置为beforeunload

此外,使用CSS类比应用单个样式属性更好。

&#13;
&#13;
window
&#13;
localStorage
&#13;
window.addEventListener("DOMContentLoaded", function(){
  var ddlPassport = document.getElementById("ddlPassport");
  var dvPassport = document.getElementById("dvPassport");
  var dvPassports = document.getElementById("dvPassports");

  var passNum = document.getElementById("txtPassportNumber");
  var passNums = document.getElementById("txtPassportNubmers");

  ddlPassport.addEventListener("change", ShowHideDiv);
  
  // Restore prior saved data:
  if(localStorage.getItem("passportNumber")){
    passNum.value = localStorage.getItem("passportNumber");
    ShowHideDiv();
  } else if(localStorage.getItem("passportNumbers")) {
    passNums.value = localStorage.getItem("passportNumbers");  
    ShowHideDiv();
  }
  
   
  var numElement = null;

  function ShowHideDiv() {
    if(this.value === "y"){
      dvPassport.classList.remove("hidden");
      dvPassports.classList.add("hidden");
      numElement = dvPassport;
    } else if(this.value === "n") {
      dvPassport.classList.add("hidden");
      dvPassports.classList.remove("hidden"); 
      numElement = dvPassports;
    } else {
      dvPassport.classList.add("hidden");
      dvPassports.classList.add("hidden");       
    }
  }

  // As the user is leaving the page, store the text value:
  window.addEventListener("beforeunload", function(){
    if(numElement === dvPassport){
      localStorage.setItem("passportNumber", passNum.value);
    } else if(numElement === dvPassports) {
      localStorage.setItem("passportNumbers", passNums.value);  
    }
  });

});
&#13;
&#13;
&#13;