添加选项到droplist并保存(html / js)

时间:2015-10-19 16:34:33

标签: javascript html

我了解了如何使用js向以前创建的droplist添加选项,但我希望这些添加的选项保留在droplist中,以便每次访问网页时都可以访问它们。 例如:今天我去页面,然后是一个带有选项1,2和3的下拉列表。我添加了选项4.我想明天去那里看看4个选项......我能用简单的html / js做吗?

我会留下我的代码(这不是保存选项 - 只添加它们):

HTML:

Please choose an option :
<select id="droplist" name="droplist">
<option>1
<option>2
<option>3
</select>

<input id="newItem"></input>
<p><a href="#" onclick="add_option()">Add Item</a></p>

JS:

function add_option() { 
var x = document.getElementById("droplist");
var option = document.createElement("option");
option.text = document.getElementById('newItem').value;
x.add(option);
}

1 个答案:

答案 0 :(得分:0)

您可以使用javascript将其存储在本地存储中,但这不会永远是&#34;永远&#34;。它只会存储在当前的计算机上。

至少,您需要一个服务器端脚本来将其存储到数据库或简单的文本文件中。但是,如果您希望它只显示给您而不是其他人,那么您似乎还需要一个登录系统。

TLDR;您需要像PHP或类似的服务器端脚本。