Recuperar dados do banco com javascript

tenho o seguinte codigo:

Cadastro de IDs
<script type="text/javascript">
 	
	function validarCampos(){
		if(document.getElementById("ID_produto").value.length == 0){
			alert ("O campo do numero do produto deve ser preenchido!");
			return false;
		}
		if(document.getElementById("ID_produto").value.length > 2){
			alert ("O campo de numero do produto deve ter no máximo 2 caracteres!");
			return false;
		}
		if(document.getElementById("ID_ingredientes").value.length == 0){
			alert ("O campo do numero do ingrediente deve ser preenchido!");
			return false;
		}
		if(document.getElementById("ID_ingredientes").value.length > 3){
			alert ("O campo de numero do ingrediente deve ter no máximo 3 caracteres!");
			return false;
		}
		return true;
	}
	</script>		      		
	
</head>
<body>
	<h1>Inserção dos  numeros referentes a produtos e ingredientes</h1>
	<form action="insere_ids.php" method="post" onsubmit="return validarCampos();">
		Numero do produto para cadastro:<input type ="text" name="ID_produto" id="ID_produto"/> <br />
		Numero do ingrediente para cadastro:<input type ="text" name="ID_ingredientes" id="ID_ingredientes"/> <br />
		<input type="submit" />
	</form>
</body>

as validações estão funcionando direitinho, só preciso saber como eu faço pra criar um combobox no browser para que o usuario escolha as opções. No combobox deve aparecer somente os dados que estão no banco de dados, no caso seria o numero do produto e o numero do ingrediente, alguem sabe como fazer isso?

Usa ajax :smiley:

olha esses links:
http://www.botecodigital.info/jquery/carregando-um-combobox-com-ajax-com-jquery/
http://www.hospedia.com.br/artigos/1/ajax/1/alimentando_uma_combobox_dinamicamente_utilizando_tecnicas_ajax.html
http://www.plugmasters.com.br/sys/materias/274/1/Preenchendo-3-combobox-usando-ajax
http://www.oficinadanet.com.br/artigo/338/preenchendo_uma_combobox_ajax_e_json

valeu cara