无法使用json填充选择列表

时间:2013-09-18 18:47:34

标签: javascript jquery json

我一直试图用一些json填充选择列表。我创造了一个小提琴来帮助说明我的情景。

虽然它不能正常工作但你可以看到我只是想让每个样式的'name'填充选择列表。

 var select = $('#newmodel');
    $.each(data.models, function () {
    var thevehicle = data.models.years.styles;
    select.append($('<option></option>').attr("value", thevehicle).text(thevehicle));
    });

http://jsfiddle.net/YhpHe/4/

希望有人能告诉我我的想法在哪里误入歧途。

1 个答案:

答案 0 :(得分:1)

以下是您的JSON所需的循环:

for (var i = 0; i < data.models.length; i++) {
    for (var j = 0; j < data.models[i].years.length; j++) {
        for (var k = 0; k < data.models[i].years[j].styles.length; k++) {
            var option = "<option value='" + data.models[i].years[j].styles[k].name + "'>" + data.models[i].years[j].styles[k].name + "</option>";
            $("#newmodel").append(option);
        }
    }  
}

演示:http://jsfiddle.net/tymeJV/YhpHe/7/