Javascript 如何将项追加到下拉列表并保存

我有下面的下拉列表，我可以添加新的列表

<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>

函数Add（）
{
var x=document.getElementById（“MySelectMenu”）；
var opt=document.createElement（“选项”）；
opt.value=document.getElementById（“url”）.value；
opt.innerHTML=document.getElementById（“name”）.value；//它具有的任何属性
x、 添加（可选）；
}    
负载
姓名：
网址：
添加

当前发生的情况（出于明显的原因）是，一旦用户关闭浏览器页面，列表显然会返回到其先前的状态。如何使列表记住附加的项？

您可以使用为用户保存本地数据，无论用户何时向列表添加项，更新本地cookie，以及用户返回后首次加载页面时，使用onLoad事件将cookie中的项加载到列表中

当然，这只会保存在该用户的浏览器级别上，这意味着如果同一用户在difrent浏览器或difrent设备上打开页面，这些更改将不会保存

---

要保存全局性质的信息，您需要服务器端处理。

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

您必须使用以下附加插件将新添加的项目显式保存在cookie或会话中

---

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

您可以使用indexeddb这里有一个很棒的教程，谢谢，非常有用的链接，目前正在浏览：）