Question

我有以下下拉列表，我可以将新列表添加到。

<script>
function Add()
{
 var x = document.getElementById("MySelectMenu");
 var opt = document.createElement("option");
    opt.value= document.getElementById("url").value;
    opt.innerHTML = document.getElementById("name").value; // whatever property it has
  x.add(opt);

}    </script>

<select id="MySelectMenu">

</select>
<button onClick="newSrc();">Load</button>
Name: <input type="text" name="name" id="name">
URL: <input type="url" name="url" id="url">
<button onclick="Add()">ADD</button>

当前发生的事情（显而易见的原因）是，一旦用户关闭浏览器页面，该列表显然会返回其先前状态。如何制作以便列表记住附加的项目？

Answer 1

您可以使用cookies为用户保存本地数据，只要用户向列表添加项目更新本地cookie，并在用户返回后第一次加载页面时使用onLoad事件将cookie中的项目加载到列表中。

此事件仅保存在该用户的浏览器级别，这意味着如果同一用户在不同浏览器或不同设备上打开该页面，则不会保存这些更改。

要保存全局信息，您需要服务器端进程。

Answer 2

由于javascript或jQuery是前端脚本语言，因此不会保存对页面所做的更改。

您必须使用以下附加插件在Cookie或Session中明确保存新添加的项目，

https://github.com/carhartl/jquery-cookie
https://github.com/AlexChittock/JQuery-Session-Plugin

然后在稍后加载页面时处理新添加的元素。

如何附加项目以下拉并保存

2 个答案: