Tecnologia

Select dinâmico

Vamos ver neste exemplo como fazer um select dinâmico em javascript. De acordo com o estado escolhido, o select das cidades será recarregado.


Exemplo:



HTML:


<form name="form_cidades">
    <select name="estado" onchange="muda_estado()">
		<option value="0" selected>- selecione -
		<option value="RJ">Rio de Janeiro
		<option value="SP">São Paulo
    </select>
    <select name="cidade"> </select>
</form>

Javascript:


var estado_RJ = new Array("Botafogo", "Copacabana", "Flamengo")
var estado_SP = new Array("Barueri", "Santos", "São Caetano")

function muda_estado(){

	var estado = document.form_cidades.estado[document.form_cidades.estado.selectedIndex].value;

	if (estado != 0) {
		var cidades = eval("estado_" + estado);
		
		document.form_cidades.cidade.length = cidades.length;

		for(i = 0; i < cidades.length; i++)
			document.form_cidades.cidade.options[i].text = cidades[i];
			
	} else {
		// zeramos o select
		document.form_cidades.cidade.length = 0;
	}

	// selecionamos a primeira opção
	document.form_cidades.cidade.options[0].selected = true;
}
2020 © B85 Tecnologia
eu@andersonbravo.com.br