LocalStorage:显示空白的禁用选择选项
LocalStorage:显示空白的禁用选择选项
提问于 2016-07-29 12:44:02
我使用LocalStorage来记住字段的值。但是，我注意到默认的select选项(禁用)呈现为空白。我如何正确地渲染它？
选择字段
<select name="purchasableId" id="metreSelect" class="metre" required>
<option value="" disabled selected>Select number of metres</option>
<option value="one">One</option>
<option value="two">Two</option>
</select>loadStorage函数
function loadSettings() {
$("#metreSelect").val(localStorage.setmetre);
}
function saveSettings() {
localStorage.setmetre = $("#metreSelect").val();
}回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-29 13:11:58
首先，在更改select时，需要将选定的值保存到localStorage中。
$("#metreSelect").change(function(){
saveSettings($(this).val());
});
function saveSettings(val) {
localStorage.setItem("selectedMetre",val );
}在加载页面时，需要检查保存的值(如果可用)，将该值设置为选定的值。
loadSettings();
function loadSettings() {
if(localStorage.getItem("selectedMetre")){
$("#metreSelect").val(localStorage.getItem("selectedMetre"));
}
}检查小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38659216
复制相关文章
相似问题
腾讯云开发者
