文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置

问如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置
EN

Stack Overflow用户

提问于 2020-07-09 15:14:09

回答 2查看 227关注 0票数 0

<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css">
</head>
<body>



<form method="POST" name="" action="">
<select class="chzn-select" multiple="true" name="time" style="width:300px;" id="rememberSelected">
        <option value="00:30">00:30</option>
        <option value="01:00">01:00</option>
        <option value="02:00">02:00</option>
        <option value="02:30">02:30</option>
        <option value="03:00">03:00</option>
        <option value="30:30">03:00</option>
        <option value="04:30">04:30</option>
        <option value="05:00">04:30</option>
</select>
<button type="button">Save</button>
</form>

<script type="text/javascript">
  $(function() {
      $(".chzn-select").chosen();
  });
  </script>
<script>
  $("#rememberSelected").val(localStorage.getItem("selected") || 1);

$("#rememberSelected").on("change", function() {
    localStorage.setItem("selected", $(this).val());
});
</script>
</body>
</html>

如何使用选择的jquery在单击保存按钮后将选择的选项保存在相同的位置，即使我正在刷新页面，选择的选项也应该留在相同的位置。

javascript

jquery

arrays

object

prototype

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-09 15:17:48

将所选选项存储到localStorage中，并在页面加载时检索它。

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

if(!!localStorage.getItem("selected")) {
    $("#rememberSelected").val(localStorage.getItem("selected").split(",")).trigger("chosen:updated");
}

$("button").on("click", function() {
    localStorage.setItem("selected", $("#rememberSelected").val());
});

票数 0

Stack Overflow用户

发布于 2020-07-09 15:26:06

您可以将状态保存到localStorage

<script>
if (localStorage['select-state']) {
    $( "select" ).val(JSON.parse(localStorage['select-state']));
}

$( "select" ).change(function() {
    localStorage['select-state'] = JSON.stringify($(this).val());
});
</script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62809384

复制

相似问题

问如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置
EN