Question

我有一个display.html，我有一个下拉菜单：

<div class="form-group">
<label class="control-label " for="company">Choose the required data</label>
<div>
<select id="selectSensor" class="form-control">
<option selected>Select sensor type</option>
</select>
<select id="selectTime" class="form-control">
<option selected>Select timestamp</option>
</select>
</div>

</div>

我有一个获取其值的函数：

function checkEntry() {
console.log("hello");
    typeSelected = $("#selectSensor").val();
    timeSelected = $("#selectTime").val();
    if (timeSelected != "" && (typeSelected != ""))
        idValue = 4;
}

重新加载页面时，值会消失。即使刷新后，如何保留这些值？

Answer 1

您希望使用某种类型的商店，localStorage或sessionStorage。在您的情况下，最好使用sessionStorage，而这种类型的存储用于在单个会话中存储。

HTML：

<div id="result"></div>

使用Javascript：

// Store
sessionStorage.setItem("selectTime", "value");
// Retrieve
document.getElementById("result").innerHTML = sessionStorage.getItem("selectTime");

localStorage示例：

https://jsfiddle.net/xdtbyg2t/16/

即使在重新加载页面后，也会在下拉框中保留值

1 个答案: