Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

franksniper

Selecionar List menu e aparecer na div

Recommended Posts

Fala galera, beleza?

Bom eu procurei mas não achei, caso tenha peço desculpas.

 

Seguinte, tenho um list/menu com os estados, quero que caso selecione algum estado, apareça a div abaixo com o endereço daquele estado cadastrado, e cada vex que mude, a div embaixo mude junto.

 

Alguém sabe? tem um script ae?

obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom...

 

A idéia é verificar toda vez que o select muda de estado (evento onchange) qual cidade está selecionada...

 

Agora, de onde vêm os endereços???

 

Banco de dados? Ou já tá no proprio javascript???

 

Se estiver num banco de dados, vai precisar de uma linguagem server-side, como o PHP e AJAX...

 

Se não sabe como utilizar ajax, tente:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/404018-script-para-manipulacao-de-ajax/page__pid__1584189__st__0entry1584189

 

É bem simples...

 

Vamos ao código:

 

var selectBox = document.getElementById("ID DO SELECT");
selectBox.onchange = function(){
 	var valor = this.value;
 	//Se existe algum valor setado
 	if(valor){
 	//aqui, você decide o que vai colocar no conteudo da div abaixo do select;
 	//Nesse exemplo, vou apenas colocar o valor do select dentro da div:
 	var container = document.getElementById("ID DA DIV CONTAINER");
 	container.innerHTML = valor;
 	}
}

O caminho é esse...

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

<script>

$(document).ready(function() {

$("#select").change(function() {

var estado = $("#select").val();

$.ajax({

type: "GET",

url: "cidades.php?estado=" + estado,

onSucces: function(msg) {

$("#cidade").html(msg);}

});

});

});

</script>

<select id="select">

<option>SP</option>

<option>RJ</option>

<option>ES</option>

<option>MG</option>

</select>

<div id="cidade"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso ae ñao funfou nao irmao!

 

Mas você alterou o nome do arquivo que lista as cidades? :mellow: Observe que no exemplo que o Eliseu M. colocou ele utiliza um arquivo cidades.php que recebe uma variável via GET chamada estado...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.