刷新時保留鏈接下拉的選定值

enter image description here 如何在頁面刷新時保留下列下拉列表中的選定值？刷新時保留鏈接下拉的選定值

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> 
<option value="">Select...</option> 
<option value="http://google.com">Google</option> 
<option value="http://yahoo.com">Yahoo</option>

來源

2014-02-19 user3011401

你可以使用jQuery和DOM存儲。 https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

請參閱我在此處使用會話存儲的示例。 http://jsfiddle.net/wBcTk/

我在更改時設置選定值並檢索頁面加載時的值。因此，在用戶進入會話期間，我們將在他們之前的選擇中選擇下拉菜單。

var selectedItem = sessionStorage.getItem("SelectedItem"); 
$('#dropdown').val(selectedItem); 

$('#dropdown').change(function() { 
    var dropVal = $(this).val(); 
    sessionStorage.setItem("SelectedItem", dropVal); 
});

來源

2014-02-19 11:31:27

您好，感謝您的意見，非常感謝。我試了一下，我的網頁有這個彈出說空。就像當我點擊你的示例鏈接時http://jsfiddle.net/wBcTk/我已經上傳了打印屏幕以向你展示我的意思。 – user3011401

這是因爲javascript示例中存在一個警報，用於在重新加載時顯示所選值。我現在更新了鏈接，以便它使用我上面的代碼。這設置下拉值http://jsfiddle.net/wBcTk/4/ –

即使我關閉標籤，並再次訪問該頁面，這甚至停留在那裏。我們如何避免在第一頁加載？ – Kishan

刷新時保留鏈接下拉的選定值

回答

相關問題