Ayuda para enlazar dos lista/menu con javascript y trayendome los datos desde mysql!

XtremeBook · #1 (**permalink**) 02/02/2011, 20:04

Tengo 2 Tablas, (estado y municipio) y necesito traerme los datos que estan En la BD de esas dos tablas a dos listas/menu, es decir Estado a la primera lista y luego dependiendo del estado me muestre los municipios de dicho estado, pero necesito que sean datos traidos desde la BD.

aqui un poco del codigo java script y el formulario para cambiar los datos de la segunda lista dependiendo de la primera:

Código:

<html> 
  <script language="JavaScript"> 
 
   function addOpt(oCntrl, iPos, sTxt, sVal){ 
     var selOpcion=new Option(sTxt, sVal); 
     eval(oCntrl.options[iPos]=selOpcion); 
   } 
 
   function cambia(oCntrl){ 
    switch (document.frm.pais.selectedIndex){ 
     case 0:  
      addOpt(oCntrl,  0, "Ciudad de México"); 
      addOpt(oCntrl,  1, "Monterrey"); 
      addOpt(oCntrl,  2, "Guadalajara"); 
      break; 
     case 1:  
      addOpt(oCntrl,  0, "Madrid"); 
      addOpt(oCntrl,  1, "Barcelona"); 
      addOpt(oCntrl,  2, "San Sebastián"); 
      break; 
     case 2:  
      addOpt(oCntrl,  0, "Caracas"); 
      addOpt(oCntrl,  1, "Maracay"); 
      addOpt(oCntrl,  2, "Valencia"); 
      break; 
    } 
   } 
  </script> 

<form name="frm"> 
   <table border="0" width="482"> 
    <tr> 
     <td width="25"> 
      Pais 
     </td> 
     <td width="89"> 
      <select name="pais" onChange="cambia(document.frm.ciudad)"> 
       <option value="Mex">Mexico</option> 
       <option value="Esp">España</option> 
       <option value="Ven">Venezuela</option> 
      </select> 
     </td> 
     <td width="6">&nbsp; 
       
     </td> 
     <td width="44"> 
      Ciudad 
     </td> 
     <td width="296"> 
      <select name="ciudad" onChange="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"> 
       <option value="0">Selecciona una</option> 
      </select></td> 
    </tr> 
   </table> 
  </form>

este codigofunciona bien pero me lee datos insertados en la pagina mas no los traidos de la BD!

Aqui un poco de codigo de una lista/menu llena de datos de la BD (PHP);

Código:

<?php  
//insertamos la conexion, include es usado para insertar o activar otro script php u otro en la pagina actual...
include("connections/conexion.php");

//conexion a la base de datos...
$db=mysql_connect($host,$username,$password);
mysql_select_db($database,$db);

//consulta de seleccion de todos los campos de la tabla estado...
$query="SELECT * FROM estado";
$codest = $REQUEST_['cod_est'];
echo $REQUEST_['cod_est'];
//sentencia para realizar la consulta que queremos realizar, si no se puede conectar se usa (or die) para declarar el error..
$r=mysql_query($query,$db)or die("No se pudo ejecutar la consulta");

//abrir el form y describir sus complementos
echo "<form action='consulta.php' method='post' name='pais' id='formulario'> '<script>onchange=cambia(document.frm.ciudad)</script>'";

$menu = "<label>Estado: </label><select name='menu'>\n<option selected>Selecciona uno</option> ";

while($registro=mysql_fetch_array($r))
{
$menu.="\n<option value='".$registro['cod_est']."'>".$registro['estado']."</option>";
}
         
$menu.="\n</select>";
echo $menu;

echo "</form>";
?>

Gracias de antemano...