<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?
