javascript - 无法使用 json 填充选择列表

Question

我一直在尝试用一些 json 填充选择列表。我创建了一个 fiddle 来帮助说明我的场景。

虽然它不太有效，但您可以看到我只是试图让选择列表填充每种样式的“名称”。

 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/

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

Answer 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/