在使用本地存储进行刷新后,我尝试在 HTML 中保留所选选项。我按照提到的例子 here 下面是我的代码。
document.getElementById("interface-output").onchange = function() {
localStorage.setItem('selectedtem', document.getElementById("interface-output").value);
};
if (localStorage.getItem('item')) {
document.getElementById("selectedtem").options[localStorage.getItem('selectedtem')].selected = true;
}
<div class="row" id="ott-redirect-interface-selector">
<label>Output Interface</label><br>
<select id="interface-output" class="browser-default">
<option value="select">Select an interface</option>
<option value="eth0">eth0</option>
<option value="eth1">eth1</option>
</select>
</div>
不幸的是,此设置在刷新后不会保留所选选项。请问有什么建议吗?
最佳答案
<html>
<body>
<div class="row" id="ott-redirect-interface-selector">
<label>Output Interface</label><br>
<select id="interface-output" class="browser-default">
<option id="select" value="select">Select an interface</option>
<option id="eth0" value="eth0">eth0</option>
<option id="eth1" value="eth1">eth1</option>
</select>
</div>
<script>
document.getElementById('interface-output').onchange = function() {
localStorage.setItem('selectedtem', document.getElementById('interface-output').value);
};
if (localStorage.getItem('selectedtem')) {
document.getElementById('interface-output').options[localStorage.getItem('selectedtem')].selected = true;
}
</script>
</body>
</html>
关于javascript - 使用 Javascript 在 HTML 中刷新后保留选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41174516/