从 JSON 中插入 HTML 选择标签选项

所以，事情是这样的：我有一个 JSON 对象保存在我的 web 应用程序的 localStorage 中。 此 JSON 被保存为字符串，其中JSON.stringify，在我的函数之一内，在页面加载上：

localStorage.setItem("MyData", JSON.stringify(data));

数据是这样保存的：

[{"NAMEVAR":"Some Data 1","CODE":"1"},{"NAMEVAR":"Some Data 2","CODE":"2"}]

data 是请求的结果。数据已成功保存在主页中，以便稍后使用。之后，我必须使用从数据中获得的数据在另一个页面上加载表单。

我在页面上有这个选择标签：

<select id="mySelectID" name="select" class="main-form">
<option value="">None Selected</option>
</select>

我想做的很简单：我正在使用json2html http://www.json2html.com/从数据中将项目添加到此选择标签，并且选项值具有数据中的代码。 所以，我期望发生的是：

<select id="mySelectID" name="select" class="main-form">
<option value="1">Some Data 1</option>
<option value="2">Some Data 2</option>
</select>

通过做这个：

var jsonData = $.parseJSON(window.localStorage.getItem("data"));
var transform = {tag:'option', id:'.CODE',html:'{$NAMEVAR}'};
document.getElementById('mySelectID').innerHtml = json2html.transform(jsonData,transform);

但这行不通，而且我知道它行不通。问题是我不知道如何将此 JSON 插入到我的 HTML 选项中。我认为 json2html 可以帮助我，但由于我的母语不是英语，这对我来说有点难以理解，而且我对 JavaScript 也很陌生。

Thanks!

您不需要为此进行转换，请尝试以下方式：

var jsonData = $.parseJSON(window.localStorage.getItem("data"));

var $select = $('#mySelectID');
$(jsonData).each(function (index, o) {    
    var $option = $("<option/>").attr("value", o.CODE).text(o.NAMEVAR);
    $select.append($option);
});

这是一个工作fiddle http://jsfiddle.net/87xpB/.