刷新后保留选定选项(表格/选择)
可能的重复项:
Html select option lost data after submit
我有一个选择菜单,它应该在页面刷新后保留所选选项。这是一个例子:
<select id="form_frame" name="frame" onchange="getData(this);"/>
<option value="data1" selected="selected">Data 1</option>
<option value="data2">Data 2</option>
</select>
函数getData只是将信息拉取给用户。
我正在对动态内容使用Smarty/php。
接受建议,谢谢!
解决方案
如何处理本地存储:
$(function() {
if (localStorage.getItem('form_frame')) {
$("#form_frame option").eq(localStorage.getItem('form_frame')).prop('selected', true);
}
$("#form_frame").on('change', function() {
localStorage.setItem('form_frame', $('option:selected', this).index());
});
});
FIDDLE
相关文章