Ir para conteúdo

Arquivado

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

andreia_sp

Ajax - vários combos

Recommended Posts

Pessoal,

 

vou colocar aqui um exemplo simples de ajax trabalhando com vários combos. Nao vou colocar a parte de programação (tipo ASP, PHP, Vb.net,...) porque isso não altera em nada, a idéia continua a mesma.. Qualquer dúvida é só postar aqui ;)

 

default.html

<script src="funcoes.js" type="text/javascript"></script>
 
 Combo 1:
 <select name="combo1" id="combo1" onchange="RetornoAjax(this.value, 'pagina1.html', 'combo2')">
 <option value="1">Combo 1-1</option>
 <option value="2">Combo 1-2</option>
 <option value="3">Combo 1-3</option>
 </select>
 
 
 Combo 2:
 <select name="combo2" id="combo2" onchange="RetornoAjax(this.value, 'pagina2.html', 'combo3')"></select>
 
 
 Combo 3:
 <select name="combo3" id="combo3" onchange="RetornoAjax(this.value, 'pagina3.html', 'combo4')"></select>
 
 
 Combo 4:
 <select name="combo4" id="combo4"></select>

funcoes.js

function RetornoAjax(id, url, container)
 {
 var xmlHttp=GetXmlHttpObject()
 
 if (xmlHttp==null)
 {
	 alert ("Este browser não suporta HTTP Request")
	 return
 }
 
 var url=url;
 url=url+"?id="+id;
 url=url+"&sid="+Math.random();
 xmlHttp.onreadystatechange=function()
 {
	 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 { 
		 document.getElementById(container).innerHTML=xmlHttp.responseText
	 }
 }
 xmlHttp.open("GET",url,true)
 xmlHttp.send(null)
 }
 
 function GetXmlHttpObject()
 {
 var objXMLHttp=null
 
	 if (window.XMLHttpRequest)
		 objXMLHttp=new XMLHttpRequest()
	 else if (window.ActiveXObject)
		 objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
 
 return objXMLHttp
 }

pagina1.html

<option value="1">Combo 2-1</option>
 <option value="2">Combo 2-2</option>
 <option value="3">Combo 2-3</option>

pagina2.html

<option value="1">Combo 3-1</option>
 <option value="2">Combo 3-2</option>
 <option value="3">Combo 3-3</option>

pagina3.html

<option value="1">Combo 4-1</option>
 <option value="2">Combo 4-2</option>
 <option value="3">Combo 4-3</option>

Compartilhar este post


Link para o post
Compartilhar em outros sites

o meu problema é o seguinte:

tenho um combo onde fica fixo em todas as paginas administrativas que ao selecionar o local que é preenchido attravés de um select vai para a edição dos dados dele, quero que ao cadastrar um novo local, atualizar ou deletar o mesmo o combo seja atualizado sem precisar atualizar a página.

copiei a pagina funcao.js que você colocou aqui e inseri <script src="funcoes.js" type="text/javascript"></script> na minha página menu, bem como <select name="idLoc" id="idLoc" onchange="RetornoAjax(this.value, 'EditLocal.asp')" style=width:130px> tbm na combo, mas nao funcionou você pode me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu ainda nao consegui visualizar o teu problema, você nao tem algum link para ver?

visualize em : www.webdirector.com.br/teste/admin

quero fazer com que ao selecionar estado, cidade, bairro ou qualquer um deles no combo local venham os locais de acordo com esse parametro e ao cadastrar um novo ou edita-lo que atualize os combos

obrigada desde ja

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu ainda nao consegui visualizar o teu problema, você nao tem algum link para ver?

o que eu coloco no lugar de Combo 2-1

os meus combos sao prenchidos de acordo com o banco de dados

Compartilhar este post


Link para o post
Compartilhar em outros sites

Foi mal a demora, entao eu olhei teu link e pra mim está OK.. você resolveu o problema?

não esta nao

ele n faz a filtragem, ele traz tudo

 

-----------------------

 

Foi mal a demora, entao eu olhei teu link e pra mim está OK.. você resolveu o problema?

será que o problema esta nos selects da pagina?

 

-----------------------

 

Foi mal a demora, entao eu olhei teu link e pra mim está OK.. você resolveu o problema?

será q você n pode me passar um exemplo completo de como fazer isso, até pq todas as informações estão numa mesma tabela?

desde já agradeço

 

-----------------------

 

poxa será q os tópico com o passar do tempo sao esquecidos???

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao eh que eh esquecido...Onde eu trabalho infelizmente este forum é bloqueado, entao soh me resta acessar final da noite ou final de semana entao complica...

 

Exemplo completo? O que tem eh o exemplo do proprio codigo que postei inicialmente

 

por acaso você faz algum include de js, ou de paginas... pq isso pode fazer perder a referencia

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao eh que eh esquecido...Onde eu trabalho infelizmente este forum é bloqueado, entao soh me resta acessar final da noite ou final de semana entao complica...

 

Exemplo completo? O que tem eh o exemplo do proprio codigo que postei inicialmente

 

por acaso você faz algum include de js, ou de paginas... pq isso pode fazer perder a referencia

eu faço o include da conexao.inc, o menu

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.