如何使用本地存储中的所有键值填充下拉列表？答案

【问题标题】：How to populate drop down list with all key values from local storage?如何使用本地存储中的所有键值填充下拉列表？
【发布时间】：2015-06-28 01:54:22
【问题描述】：

我的 html 页面中有包含姓名和年龄输入字段的表单。我插入姓名和年龄并使用本地存储保存表单。

接下来我有一个下拉列表、一个输入字段和一个显示按钮。

我想在下拉列表中预填充我之前保存的所有名称。

【问题讨论】：

你有一些失败的代码吗？
这是我正在使用的保存函数。function saveFunction() { var y = document.getElementById("savekey").value; var z = document.getElementById("savevalue").value; localStorage.setItem(y, z); var x = document.getElementById("displaykey"); var option = document.createElement("option"); option.text = document.getElementById("savekey").value; x.add（选项）； }

标签： local-storage html.dropdownlistfor

【解决方案1】：

我使用这段 JavaScript 代码使用 jquery 构建页面加载下拉菜单。

$(function() { // On page load
    $.each( localStorage.NAMES.split(","), function(i,val) { // val is the name
        $("#sbc").append("<option value='" + val + "'>"+ val +"</option>");
    });
});

下拉输入的ID是'sbc'

【讨论】：