[SOLUCIONADO] creacion de lista de opciones

[dip0813000254]

hola muchachos como les va,estoy necesitando me ayuden en algo

necesito hacer una lista de selección de opciones desplegable como las que se utilizan en los formularios pero lo que necesito es que a la hora de seleccionar una opcion aparezca abajo otra lista desplegable si me explico mejor, por ejemplo cuando piden seleccionar un pais y al seleccionarlo abajo salen las regiones de ese pais y al seleccionar la region salen las ciudades de esa region, desde ya les agradezco mucho su ayuda. abrazos gigantes y feliz año 2016 para todos.

[rodocoyote15]

Para esto necesitas utilizar Ajax, crea el tema en la sección (Jquery) y te voy ayudando a implementarlo. Para que no se vaya confundiendo el foro, o si no, que un admin lo mueva más al rato a ese foro.

[rodocoyote15]

Empezemos .. Tienes las opciones en una base de datos? O de dónde saldrían las opciones del option? Tienes algo de código ya hecho?

[dip0813000254]

Aun no he creado la base de datos pero estime que todo deberia salir de ahi, voy a mover el tema al otro foro

[rodocoyote15]

Ok, lo primero que necesitamos es tener el Select "padre". En este caso

Código HTML:

<select class='form-control' name="padre" id="padre">
            <option value='0' selected>[Despliega la lista]</option>
            <option value='1'>[Valor 1]</option>
            <option value='2'>[Valor 2]</option>
            <option value='3'>[Valor 3]</option>
            <option value='4'>[Valor 4]</option>            
            </select>
 

Y un select hijo que es el que recibirá los datos

Código HTML:

<select class="form-control" id="hijo" name="hijo">
            <option value='0'>[Despliega la lista]</option>
            </select>
 

Luego con ajax

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#padre").change(function(event){                    
                    var id = $("#padre").find(':selected').val();
 
                    $("#hijo").load('php/generaSelect.php?id='+id);   //llamas al php donde devolverá los datos del select "hijo"                 
                });
            });
 

Y en el archivo:

generaSelect.php
Suponiendo que ya haces las conexiones a la base de datos, y realizas la consulta para seleccionar los datos que quieres que aparezcan en el select.

Código PHP:

$consultaOpciones = "SELECT nombre FROM opciones"; // por ejemplo (pseudocodigo)
 
while ($fila = mysql_fetch_array($consultaOpcioens)) {
    
    
    echo '<option value="'.$fila[0].'">'.$fila[0].'</option>';
    }
 

Y con eso ya te debería funcionar