如何在頁面加載後更改'selected'選項

該小提琴顯示下拉菜單開始於'One'。我想要發生的是下拉菜單以我的默認值（One）開始，然後一旦選擇不同的選項（Two），當我刷新頁面時，下拉菜單以'Two'而不是'One'開始。如何在頁面加載後更改'selected'選項

https://jsfiddle.net/USERALPHA32/7r59xkrf/

它應該只是作爲考慮的新選擇的值，使該新的默認選擇選項一樣簡單。我已經嘗試了幾種方法，但我無法正常工作。（下面的代碼沒有拆開的小提琴，而只是展示我在實際的代碼試過的概念）

var nSel = $(‘option:selected’, this).detach(); 
$(this).prepend(nSel); 
console.log(nSel.val()); 
//The above ’nSel’ is the correct value I’m clicking on. 

//None of these below worked. 

// $('#dropdown option:selected').val(nSel.val()); 
// console.log($('#dropdown option:selected').val(nSel.val())); 
// $("#dropdown").val(nSel.val()); 
// $("#dropdown").val(); 
// console.log($("#dropdown").val(nSel.val())); 
// $("#dropdown").find(':selected').val(); 
// $('select').find('option', nSel.val()); 
// $('#dropdown option:selected', nSel.val()); 
// $('#dropdown option:selected').val(nSel);

來源

2016-05-17 user6104636

如果您想您的數據甚至會刷新後可以保存，你必須使用localStorage的。

保存您在localStorage中的選擇並在頁面加載時取回他。

當用戶選擇一個選項，保存與此代碼：

localStorage.setItem("key", "yourOption");

而且對文檔加載您檢查項是否存在：

var data = localStorage.getItem("key"); 
if(data){ 
    // here you change dropdown value. 
}

如果你想在刪除值，您可以選擇localStorage所以在下一頁刷新它將是乾淨的。

來源

2016-05-17 19:53:37 Ygalbel

如果要在刷新Web後保存值，必須使用Cookie或localStorage，然後使用新值設置此變量。

取而代之的是傳統的刷新，你想用ajax「刷新」，你可以在你的js文件中使用全局變量。

COOKIE

設置cookie

$.cookie("example", "foo"); // Sample 1 

$.cookie("example", "foo", { expires: 7 }); // Sample 2 

$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

獲取一個cookie

console.log($.cookie("example"));

刪除cookie

$.removeCookie("example");

localStorage的

var data = localStorage.getItem("key"); 
if(data){ 
    // Code 
}

來源

2016-05-17 20:19:17

如何在頁面加載後更改'selected'選項

回答

相關問題