Невозможно заполнить список избранных с помощью json

Question

Я пытался заполнить список избранных несколькими json. Я создал скрипку, чтобы помочь проиллюстрировать мой сценарий.

Хотя он не совсем работает, вы можете видеть, что я просто пытаюсь получить список избранных, заполненный «именем» для каждого стиля.

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/