Ajuda populando select Javascript

[Ariel Matheus]

<script type="text/javascript">
		function populate(o)
		{
			d=document.getElementById('de');
			if(!d){return;}			
			var mitems=new Array();
			mitems['carro']=['FIAT','CHEVROLET','KIA','PEUGEOT‎'];
			mitems['moto']=['YAMAHA'];
			mitems['caminhao']=['VOLVO'];
			mitems['consorcios']=['ABC EXEMPLO'];
		
			d.options.length=0;
			cur=mitems[o.options[o.selectedIndex].value];
			if(!cur){return;}
			d.options.length=cur.length;
			for(var i=0;i<cur.length;i++)
			{
				d.options[i].text=cur[i];
				d.options[i].value=cur[i];
			}
		}
    </script> 

<select name="tipo" id="tipo" class="form-control" onchange="populate(this)">
                     <option value="">Selecione o tipo</option>
                      <option value="carro">Carro</option>
                      <option value="caminhao">Caminhão</option>
                      <option value="consorcios">Consórcios</option>
                      <option value="moto">Moto</option>
                    </select>

<select name="de" id="de" class="form-control">
                      
</select>

Sou iniciante e não tenho muita prática em Javascript.

Tenho o seguinte código acima que é um sistema parecido com aqueles de estado e cidade, pelo qual você escolhe o estado e é preenchido as capitais daquele estado, feito em Javascript e Html. No meu caso quero fazer com Tipo-Marca-Modelo. Ele está funcionando perfeitamente ao selecionar o tipo ele verifica e insere no select "de" as opções corretas. Só que estou querendo adicionar um terceiro select ( modelo ), só que não sei como fazer. Assim selecionaria o tipo> marca> e os modelos do tipo e da marca.

Alguém pode me ajudar?

Editado Fevereiro 19, 2015 por Ariel Matheus