Ajuda para buscar dados do banco conforme Select option selecionado

[NadoLoko 0]

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.

[marlon255 2]

Tenta esse código abaixo.

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

<script>

//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 0]

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.