Foros del Web » Programando para Internet » Javascript »

Como hacer que un desplegable en la misma pagina donde esta

Estas en el tema de Como hacer que un desplegable en la misma pagina donde esta en el foro de Javascript en Foros del Web. Como hacer que un desplegable en la misma pagina en la que se encuentra se pueda sacar las variables de cada option value segun lo ...
  #1 (permalink)  
Antiguo 24/02/2011, 06:26
 
Fecha de Ingreso: mayo-2008
Mensajes: 228
Antigüedad: 16 años, 5 meses
Puntos: 2
Como hacer que un desplegable en la misma pagina donde esta

Como hacer que un desplegable en la misma pagina en la que se encuentra se pueda sacar las variables de cada option value segun lo que elija como diciendo el valor madrid metelo en $madrid y ahora si se ha seleccionado pues sacame en el siguiente select solo la opcion todos.


Código PHP:
Ver original
  1. 1.
  2.       <div id="formulario">
  3.  
  4.        
  5.  
  6.                       <?php $zona ='ALICANTE'; ?>
  7.                           <form id="filtro" method="GET" action="mostrar.php">
  8.                            <p> MUNICIPIO:<br/>
  9.                                    <select name="municipio" id="municipio"/>
  10.                                        <option value="MADRID">MADRID</option>
  11.                                        <option value="ALCORCON">ALCORCON</option>
  12.                                        <option value="<?php echo $zona;?>">ALICANTE</option>
  13.  
  14.                                        <option value="MALAGA">MALAGA</option>
  15.                                   </select>
  16.                              </p>
  17.                              <?php if($zona=='ALICANTE'){
  18.                                   echo'<p><select name="zona" id="zonas"/>';
  19.                                   echo'<option value="CENTRO">CENTRO</option>';
  20.                                   echo'<option value="PARQUE DE LISBOA - LA PAZ">PARQUE DE LISBOA - LA PAZ</option>';
  21.                                   echo'<option value="SJ. VALDERAS - LOS CASTILLOS">SJ. VALDERAS - LOS CASTILLOS</option>';
  22.                                   echo'<option value="RETAMAS - PRADO">RETAMAS - PRADO</option>';
  23.                                   echo'<option value="PARQUE OESTE - FUENTE CISNEROS">PARQUE OESTE - FUENTE CISNEROS</option>';
  24.                                   echo'<option value="ONDARRETA">ONDARRETA</option>';
  25.                                  echo'<option value="CAMPODON">CAMPODON</option>';
  26.                                   echo'<option value="TODAS">TODOS</option>';
  27.                                   echo'</select></p>';
  28.                                   }
  29.                                   else {
  30.                                            ?>
  31.        
  32.                                    <p>ZONAS:<br/>
  33.                                    <select name="zona" id="zonas"/>
  34.                                    <option value="TODAS">TODOS</option>
  35.                                    </select></p>
  36.                              <?php
  37.                              }
  38.                              ?>

Última edición por arts; 24/02/2011 a las 06:35
  #2 (permalink)  
Antiguo 24/02/2011, 06:51
 
Fecha de Ingreso: febrero-2010
Mensajes: 818
Antigüedad: 14 años, 9 meses
Puntos: 55
Respuesta: Como hacer que un desplegable en la misma pagina donde esta

no entendi.
  #3 (permalink)  
Antiguo 24/02/2011, 07:26
 
Fecha de Ingreso: mayo-2008
Mensajes: 228
Antigüedad: 16 años, 5 meses
Puntos: 2
Respuesta: Como hacer que un desplegable en la misma pagina donde esta

Lo que quiero decir es que necesito de alguna forma obtener que seleccion va ha hacer el usuario en el desplegable y en funcione de la seleccion decirle muestrale tal desplegable con tales opciones y si ha elejido otra opcion diferente de Alcorcon pues muestrale otro desplegable diferente con otras opciones. Como un autoactualizar en cuanto el usuario elija su opcion en el desplegable y segun lo que se elija muestre un formulario u otro.

Todo esto con php o html.

Lo que he intentando es ver si el name puediera obtenerlo sin enviar el formulario en esa misma pagina para asi decirle que si l name botiene el valor por ejemplo ALCORCON muestra los siguientes valores en el siguiente desplegable si no... muestra este otro.
  #4 (permalink)  
Antiguo 24/02/2011, 07:30
Avatar de Patriarka  
Fecha de Ingreso: enero-2011
Ubicación: Moreno, Buenos Aires, Argentina
Mensajes: 2.851
Antigüedad: 13 años, 9 meses
Puntos: 288
Respuesta: Como hacer que un desplegable en la misma pagina donde esta

esta bien los podes hacer con java script, segun el nombre del select mostras u ocultas el sub-select
  #5 (permalink)  
Antiguo 24/02/2011, 11:48
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años, 5 meses
Puntos: 2135
Tema movido desde PHP a Javascript
  #6 (permalink)  
Antiguo 24/02/2011, 13:03
 
Fecha de Ingreso: diciembre-2009
Ubicación: Valparaíso
Mensajes: 118
Antigüedad: 14 años, 11 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

Etiquetas: desplegable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:56.