在Chrome中刷新後下拉值更改，但未在Firefox中更改

Question

我正在使用本地存儲器查看我的員工的活動日誌。他們從下拉框中選擇他們的活動，他們選擇的活動在Firefox中刷新後保留在下拉框中，但在谷歌瀏覽器中恢復默認設置。 Chrome中是否存在需要更改的設置才能保留選定的活動？這是我的一位員工的代碼。

<script> 
function foo1(a) { 
//alert(a.value); 
var d = new Date(); 
var c = document.getElementById("time1").innerHTML; 
c = c + a.value + " was selected at: " + d.toString(); 
document.getElementById("time1").innerHTML = c + '<br/>'; 
localStorage.setItem(a.value, d.toString()); 
} 

function load1() { 
var c = "Wholesale Pictures.: " + localStorage.getItem("Wholesale Pictures.") + 

'<br/>'; 
c += "NS Pictures.:" + localStorage.getItem("NS Pictures.") + '<br/>'; 
c += "NS ERO's.:" + localStorage.getItem("NS ERO's.") + '<br/>'; 
c += "BL ERO's.:" + localStorage.getItem("BL ERO's.") + '<br/>'; 
c += "Wholesale Staging.:" + localStorage.getItem("Wholesale Staging.") + '<br/>'; 
c += "Wholesale Scan.:" + localStorage.getItem("Wholesale Scan.") + '<br/>'; 
c += "Sirius Tags.:" + localStorage.getItem("Sirius Tags.") + '<br/>'; 
c += "Lunch Break.:" + localStorage.getItem("Lunch Break.") + '<br/>'; 
document.getElementById("log1").innerHTML = c; 
} 
</script> 

<div class="david"> 
<h2><img src="Images/david.jpg" class="img-circle">&nbsp&nbspDavid</h2> 
<p id="log1"></p> 

<select id="options" class="form-control" onchange="foo1(this)"> 
<option>Select Work Area</option> 
<option>NS Pictures.</option> 
<option>NS ERO's.</option> 
<option>BL ERO's.</option> 
<option>Wholesale Staging.</option> 
<option>Wholesale Scan.</option> 
<option>Wholesale Pictures.</option> 
<option>Sirius Tags.</option> 
<option>Lunch Break.</option> 
</select> 

<div class="buttons"> 
<button id="log1" onclick="load1()">Activity Log</button> 
</div> 
<p id="time1"><br/></p> 
</div> 

Answer 1

該問題與本地存儲無關，而是在軟刷新頁面時chrome和firefox處理窗體值的方式不同。 Firefox足夠好記住表單的最後一個值，而且chrome不是。代碼中沒有任何內容試圖將頁面加載時的下拉菜單設置爲最後選定的值。你將不得不在你的代碼中添加一些東西來做到這一點。你可以存儲上一次選擇的值到本地存儲，然後檢索它在頁面加載，這樣的：

foo1(a) { 
//your code... 
localStorage.setItem('lastViewed',a.value); 
} 

，然後在你的頁面

<script> 
var value=localStorage.getItem('lastViewed'); 
if (typeof value === "string") 
{ 
    document.getElementById('options').value=value; 
} 
</script>