Usando respuestas paraesta pregunta, He podido rellenar un cuadro de selección basado en la selección de otro cuadro de selección. (Publiqué mi respuesta aquí) Obtención de los datos de una estructura de matriz construida en el lado del servidor, almacenada en un archivo .js y referenciada en la página html.

Ahora me gustaría añadir un tercer cuadro de selección. Si tuviera 3 conjuntos de datos (modelo, marca, opciones) algo como esto (pseudo código):

cars : [Honda[Accord[Lx, Dx]], [Civic[2dr, Hatchback]],
   [Toyota[Camry[Blk, Red]], [Prius[2dr,4dr]]

Ej .: Si se seleccionó Honda, el siguiente cuadro de selección tendría [Accord Civic] y si se seleccionó el Acuerdo, el siguiente cuadro de selección tendría [Lx Dx]

Cómo puedo

1) crear una estructura de matriz para mantener los datos? tal que

2) Puedo usar el valor de un cuadro de selección para hacer referencia a los valores necesarios para el siguiente cuadro de selección

Gracias

EDITAR

Puedo crear lo siguiente, pero no puedo entender las referencias de una manera que ayude a llenar un cuadro de selección

var cars = [
 {"makes"  : "Honda",
  "models"  : [
    {'Accord' : ["2dr","4dr"]} ,
    {'CRV'  : ["2dr","Hatchback"]} ,
    {'Pilot': ["base","superDuper"] } ]
 },
 {"makes"   :"Toyota",
  "models"  : [
    {'Prius'   : ["green","reallyGreen"]} ,
    {'Camry'   : ["sporty","square"]} ,
    {'Corolla' : ["cheap","superFly"] } ]
 } ] ;              

 alert(cars[0].models[0].Accord[0]); ---> 2dr