我有一个按钮可以根据多个下拉值中的选择来过滤列表。但是,我遇到了一个问题,一旦单击按钮,页面就会刷新,并且下拉值将重置为默认值。如何确保刷新后所选值保留在下拉列表中?
<div><select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select>
<option value="ford">ford</option>
<option value="chevy">Chevy</option>
<option value="ram">Ram</option>
<option value="jeep">Jeep</option>
</select>
<button id="button" onclick="filterMyList()">Filter</button>
</div>
关于如何处理这个问题有什么建议吗?谢谢。
您可以使用 HTML5 localStorage api (http://www.w3schools.com/html/html5_webstorage.asp)
您的案例示例:
$(document).ready(function() {
// On refresh check if there are values selected
if (localStorage.selectVal) {
// Select the value stored
$('select').val( localStorage.selectVal );
}
});
// On change store the value
$('select').on('change', function(){
var currentVal = $(this).val();
localStorage.setItem('selectVal', currentVal );
});
希望这可以帮助。请随时通知我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)