Ver Mensaje Individual
  #6 (permalink)  
Antiguo 24/02/2011, 13:03
javiercitox
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 4 meses
Puntos: 3
Respuesta: Como hacer que un desplegable en la misma pagina donde esta

esos se llaman combos dependientes y con jquery los puedes hacer...


Código HTML:
Ver original
  1. <script language="javascript" src="jquery-1.3.min.js"></script>
  2.  
  3. $(document).ready(function()
  4.     {
  5.  
  6.     $("#Nivel1").change(function ()
  7.         {
  8.         $("#Nivel1 option:selected").each(function ()
  9.             {
  10.             elegido=$(this).val();
  11.             $.post("comboNivel2.php", { elegido: elegido }, function(data)
  12.                 {
  13.                 $("#Nivel2").html(data);
  14.                 $("#Nivel3").html("");
  15.                 $("#NivelN").html("");         
  16.                 });        
  17.             });
  18.         })
  19.        
  20.  
  21.     $("#Nivel2").change(function ()
  22.         {
  23.         $("#Nivel2 option:selected").each(function ()
  24.             {
  25.             elegido=$(this).val();
  26.             $.post("comboNivel3.php", { elegido: elegido }, function(data)
  27.                 {
  28.                 $("#Nivel3").html(data);
  29.                 $("#NivelN").html("");
  30.                 });        
  31.             });
  32.         })
  33.        
  34.  
  35.     $("#Nivel3").change(function ()
  36.         {
  37.         $("#Nivel3option:selected").each(function ()
  38.             {
  39.             elegido=$(this).val();
  40.             $.post("comboNivelN.php", { elegido: elegido }, function(data)
  41.                 {
  42.                 $("#NivelN").html(data);
  43.                 });        
  44.             });
  45.         }) 
  46. });
  47.  
  48.  
  49. <select name="Nivel1" id="Nivel1"/>
  50.     <option value="MADRID">MADRID</option>
  51.     <option value="ALCORCON">ALCORCON</option>
  52.     <option value="<?php echo $zona;?>">ALICANTE</option>
  53.     <option value="MALAGA">MALAGA</option>
  54. <select name="Nivel2" id="Nivel2"></select>
  55. <select name="NivelN" id="NivelN"></select>

En los archivos comboNivel2.php, comboNivel3.php y comboNivelN.php solo debes colocar las consultas para crear tus combos pasando el parametro elegido.

La librería jquery la puedes obtener de aquí http://code.jquery.com/jquery-1.5.min.js (en el ejemplo puse la versión 1.3 que es con la q a mi me funciono)

Última edición por javiercitox; 24/02/2011 a las 13:10