用json填充下拉列表

Tar*_*ara 4 javascript jquery json

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

这是我的JSON的例子,可以更长.

[
    {
        "id": "1",
        "name": "test"
    },
    {
        "id": "1",
        "name": "test"
    }
]
Run Code Online (Sandbox Code Playgroud)

Ash*_*ish 13

HTML:

<select id="sel">

</select>
Run Code Online (Sandbox Code Playgroud)

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));
    });
})
Run Code Online (Sandbox Code Playgroud)

这是一个有效的例子.http://jsfiddle.net/ms2Ma/