如何使新选择的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;

然后手动拆分字符串并解析键/值。