Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
entao meu problema eh aonde esta em negrito..
esse form o cara seleciona o país e depois aparece a lista dos estados daquele pais
oq eu preciso eh o seguinte quando o cara selecionar o país e o estado desejado clicar num botao que vai enviar para o site daqule estado..
ou alguma outra maneira de fazer esse script sendo no mesmo estilo so aparecer opcoes de estado depois de selecionar um país..
Obrigado desde Jah.
Calvin
<html>
<head>
<title>site</title>
</head>
<BODY>
<form name="f1">
<select name=pais onchange="muda_estados()">
<option value="0" selected>Selecione...
<option value="1">Espanha
<option value="2">Brasil
<option value="3">Portugal
<option value="4">França
</select>
<select name=estados>
<option value="-">-
</select>
</form>
<script>
[b]var estados_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var estados_2=new Array("-","Rio de Janeiro","Bahia","São Paulo","Santa Catarina","Minas Gerais","...")
var estados_3=new Array("-","Algarve","Alentejo","Norte","Vale do Tejo","...")
var estados_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")[/b]
function muda_estados(){
//tomo o valor do select do pais escolhido
var pais
pais = document.f1.pais[document.f1.pais.selectedIndex].value
//vejo se o pais está definido
if (pais != 0) {
//se estava definido, entao coloco as opcoes do estado correspondente.
//seleciono o array de estado adequado
meus_estados=eval("estados_" + pais)
//calculo o numero de estados
num_estados = meus_estados.length
//marco o número de estados no select
document.f1.estados.length = num_estados
//para cada estado do array, o introduzo no select
for(i=0;i<num_estados;i++){
document.f1.estados.options[i].value=meus_estados[i]
document.f1.estados.options[i].text=meus_estados[i]
}
}else{
//se não havia estado selecionado, elimino os estados do select
document.f1.estados.length = 1
//coloco um traço na única opção que deixei
document.f1.estados.options[0].value = "-"
document.f1.estados.options[0].text = "-"
}
//marco como selecionada a opção primeira de estado
document.f1.estados.options[0].selected = true
}
</script>
</body>
</html>Carregando comentários...