javascript - 用json填充下拉列表

Question

我有一个带有列 id 和 name 的 SQLite 表。我从 autocomplete.php 页面返回这些行的数组，如 json。如何使用 jquery 和 JavaScript 使用此 json 填充选项(下拉列表)？我是 JavaScript 和 JQuery 的新手，我用谷歌搜索但没有找到方法。在 ASP.NET 中这很容易，但在这里我不知道。有人会帮忙吗？

这是我的 JSON 示例，可以更长。

[
    {
        "id": "1",
        "name": "test"
    },
    {
        "id": "1",
        "name": "test"
    }
]

Answer 1

HTML:

<select id="sel">

</select>

JavaScript:

$(function() {
    var data = [
        {
        "id": "1",
        "name": "test1"},
    {
        "id": "2",
        "name": "test2"}
    ];
    $.each(data, function(i, option) {
        $('#sel').append($('<option/>').attr("value", option.id).text(option.name));
    });
})

这是一个工作示例。 http://jsfiddle.net/ms2Ma/