¿Como mostrar datos dependientes al seleccionar un campo del formulario?

[rottenp4nx]

Supongamos que cada medicamento tiene su PK numerica por ejemplo

Código HTML:

<select id="listaMedicamentos">
<option selected value="null"></option>
<option value="1">Medicamento 1</option>
<option value="2">Medicamento 2</option>
<option value="3">Medicamento 3</option>
</select>
<div id="resMedicamento"></div>
 

Javascript/Jquery

Código Javascript:

$(document).ready(
   $("#listaMedicamentos").change(cargarMedicamento);
);
 
function cargarMedicamento(){
    var x = $(this).val();
   $.ajax(
       data: "idMedicamento="+x,
       type: "post",
       url: "procesar.php",
       dataType: "json",
       beforeSend: function(){
              $("#resMedicamento").html("Cargando Medicamento");
       },
       success: function(datos){
              alert(datos);
              //Aqui agregar los datos a sus respectivos campos
       }
   );
}
 

El PHP, procesar.php

Código PHP:

<?php
 
   $id = $_POST['idMedicamento'];
   //conexion a la bd
   $sql = "Select * from medicamentos where id = $id";
   $reg = mysql_query($sql);
   $r = mysql_fetch_assoc($reg);
   echo json_encode($r);
?>
 

Solo faltaría poner los datos a los input text, que seria en success en JS

Saludos