其他分享
首页 > 其他分享> > html select 刷新后保留选中值

html select 刷新后保留选中值

作者:互联网

原文:https://blog.csdn.net/gengfuming/article/details/80321613

         亲试可行,

    <select id="ctc" onchange="changeProgram()">
         {% for ctc in CTCs %}
         <option value="{{ctc}}">{{ctc}}</option>
         {% end %}
    </select>
        $(function() {
            if (localStorage.getItem('ctc')) {
                $("#ctc option").eq(localStorage.getItem('ctc')).prop('selected', true);
            }
 
            $("#ctc").on('change', function() {
                localStorage.setItem('ctc', $('option:selected', this).index());
            });
        });

试验结果是可以的,就放一个下拉框吧: 

比较懒的同学可以把 我代码里的“ctc”换成你们自己的select id,  就这样子,很简单。

 

 

标签:function,option,selected,html,localStorage,ctc,选中,select
来源: https://blog.csdn.net/HY845638534/article/details/89101100