如何使新選定的html選項成爲頁面加載的首選？

Question

對JavaScript來說是新的，這似乎是一個完全可解決的/簡單的問題，但我努力尋找解決方案。

我該怎麼做才能讓用戶從下拉列表中選擇一個選項，然後'保存'他們的選項（他們所在的頁面已被重定向），然後他們回到那個下拉列表並且擁有他們選擇的選項是最佳選擇？

截至目前，該列表首先選擇「默認」選項，其餘按字母順序排序。然後，如果用戶選擇另一個選項，那麼列表將進行排序，這是首選項，其餘按字母順序排列。如何在刷新頁面時保留該訂單？

JS

// Below function: This sorts the html dropdown list so that the top option is the selected option.  

    document.addEventListener("DOMContentLoaded", function(event) { 

        $(document).ready(function(){ 

            $(document).on('change', '#dropdown', function(){ 

                $(this).html($('option', this).sort(function(a,b){ 

                    if(a.text == b.text) { 

                        return 0; 

                    } 

                    if(a.text > b.text) { 

                        return 1; 

                    } else { 

                        return -1; 

                    } 

                })); 

                var nSel = $('option:selected', this).detach(); 

                $(this).prepend(nSel); 

                // $('select').prepend(nSel); 

                $("select").val(nSel); 

                myDropdown.value = myTextBox.value; 

            }); 

        }); 

    }) 

HTML /枝杈

 <div class = "dropdowns"> 

    <select id = "dropdown"> 

          <option> name </option> 

          {% for key, value in Infos|sort %} 

                 <option value="{{ key }} | {{ value }}"> {{ key }} | {{ value }} </option> 

          {% endfor %}         

    </select> 

</div> 

Answer 1

，您得其唯一的客戶端JavaScript使用Cookie。

在這裏看到：http://www.w3schools.com/js/js_cookies.asp

總結：你必須設置cookie字符串。

document.cookie = "selectedOption=" + option; 

然後手動拆分字符串並解析鍵/值。