有沒有辦法讓選定的選項成爲刷新時的默認值？

今天我有這個問題，我希望我選擇的選項將是刷新頁面時的默認值。例如，我有這樣的：有沒有辦法讓選定的選項成爲刷新時的默認值？

<select id="options"> 
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

默認我的UI是蘋果，所以我想要的是，當我點擊它會成爲默認值，當我刷新頁面橙選項。有沒有辦法做到這一點？謝謝

來源

2014-02-26 user3213861

使用cookie存儲選擇的選項，同樣把它放在頁面重載。 – Pugazh

我認爲本地存儲可以幫助你。因此，例如：

<select id="options"> 
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select>

的Javascript

$("#options").on("change", function(){ 
    var val = $(this).val(); 
    // save to local 
    if(window.localStorage){ 
     window.localStorage.setItem("#options-val", val); 
    } 
}); 

if(window.localStorage){ 
    var item = window.localStorage.getItem("#options-val"); 
    if(item) $("#options").val(item); 
}

而看到demo

你所有的JS代碼必須在$（文件）。就緒（）

上運行代碼後演示，嘗試重新加載頁面，你會看到結果！

來源

2014-02-26 05:46:10

小提琴是空的FUserThrowError – user3213861

@ user3213861我忘了添加鏈接）） –

好吧，我會試試這一個，並更新你..謝謝 – user3213861

-2

將selected =「selected」設置爲您想要作爲默認選項的選項。

<option selected="selected"> 
    default 
</option>

來源

2014-02-26 05:53:52 Ankit

使用平變化設置一個會話cookie然後設置option.slected頁面加載時

<select id="options" onChange="document.cookie='fruit='+this.value;"> 
<option value="0">Apple</option> 
<option value="1">Orange</option> 
<option value="2">Mango</option></select> 

<script type="text/javascript"> 
<!-- 
function getCookie(cname) 
{ 
/* http://www.w3schools.com/js/js_cookies.asp */ 
var name = cname + "="; 
var ca = document.cookie.split(';'); 
for(var i=0; i<ca.length; i++) 
    { 
    // var c = ca[i].trim(); // trim not supported on IE8 
    var c = ca[i].replace(/^\s+|\s+$/gm,''); 
    if (c.indexOf(name)==0) return c.substring(name.length,c.length); 
    } 
return ""; 
} 
window.onload = function() { 
    var v = getCookie('fruit'); 
    if (v) document.getElementById('options').options[v].selected = true; 
} 
//--> 
</script>

來源

2014-02-26 07:31:47 Matt

有沒有辦法讓選定的選項成爲刷新時的默認值？

回答

相關問題