Publicado em 25 de abr.

Ajuda para buscar dados do banco conforme Select option selecionado

Galera sou novato em linguagem web e gostaria de uma ajuda, depois de muito quebrar a cabeça. Tenho um banco de dados com uma tabela de categorias e outra de alimentos. Na minha index tenho um <select> e uma <div>. Quando inicializo a pagina, o select é carregado com todas as categorias do banco. O tenho que fazer, e nao estou conseguindo, é que, ao selecionar uma determinada categoria, a div sera carregada com os elementos daquela categoria, se eu selecionar outra categoria no select, os elementos da div mudam para os elementos da nova categoria selecionada e assim sucessivamente. Consigo pegar o valor selecionado com jQuery mas nao consigo passar e chamar a função no meu arquivo php, muito menos tornar isso dinâmico. Preciso de alguma ideia, de açgum caminho que devo seguir.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

marlon255· 26 de abr.

Tenta esse código abaixo.

Ai eh só editar a pagina de busca para ele print o que você quer.

//função para pegar o objeto ajax do navegador
function xmlhttp()
{
// XMLHttpRequest para firefox e outros navegadores

	if (window.XMLHttpRequest)
	{
 return new XMLHttpRequest();
	}

	// ActiveXObject para navegadores microsoft
	var versao = ['Microsoft.XMLHttp', 'Msxml2.XMLHttp', 'Msxml2.XMLHttp.6.0', 'Msxml2.XMLHttp.5.0', 'Msxml2.XMLHttp.4.0', 'Msxml2.XMLHttp.3.0','Msxml2.DOMDocument.3.0'];
	for (var i = 0; i < versao.length; i++)
	{
 try
 {
 return new ActiveXObject(versao[i]);
 }
 catch(e)
 {
 alert("Seu navegador não possui recursos para o uso do AJAX!");
 }
	} // fecha for
	return null;

} // fecha função xmlhttp

//função para fazer a requisição da página que efetuará a consulta no DB
function carregar()
{

 a = document.getElementById('ID_DO_SELECT').value;
 ajax = xmlhttp();
 if (ajax)
 {
 ajax.open('get','CAMINHO_DO_DOCUMENTO_BUSCA?NOME_DO_SELECT='+a, true);
 ajax.onreadystatechange = trazconteudo;
 ajax.send(null);
 }
}

//função para incluir o conteúdo na pagina
function trazconteudo()
{

	if (ajax.readyState==4)
	{
 if (ajax.status==200)
 {
 document.getElementById('ID_DA_DIV').innerHTML = ajax.responseText;
 }
	}
}

</script>

NadoLoko· 27 de abr.

Marlon255 valeu pela ajuda. Depois de ver sua resposta fui procurar saber como funcionava e encontrei uma forma de fazer utilizando $.ajax. Tecnicamente nao cheguei a testar seu codigo, mas através dele tive o caminho que deveria procurar. Mais uma vez, valeu.