吐槽一下,百度了好多种这个方法,但发现大多数人的博客都是复制转载,或者写的不详细。
我的这个答案也并非原创,来自于
https://stackoverflow.com/questions/13183764/keep-selected-option-form-select-after-refresh
并且自己亲自尝试过,
<select id="ctc" οnchange="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, 就这样子,很简单。
|