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?