Question

我正在使用LocalStorage来记住字段的值。但我注意到默认选择选项（已禁用）呈现为空白。如何正确渲染？

选择字段

<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();

}

Answer 1

首先，您需要在选择更改时将所选值保存到localStorage中。

  public interface BaseOjectInterface {
        @JsonIgnore
        String getId();
    }

 public static class Pojo1 extends BaseObject implements BaseOjectInterface  {
        private String subPojo1;
        private String subPojo2;

在加载页面时，您需要检查已保存的值（如果可用），将该值设置为选定值

$("#metreSelect").change(function(){
    saveSettings($(this).val());
});

function saveSettings(val) {
    localStorage.setItem("selectedMetre",val );
}

检查jsfiddle

LocalStorage：已禁用选择选项呈现空白

1 个答案: