Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/01/2016, 21:03
rodocoyote15
 
Fecha de Ingreso: diciembre-2015
Mensajes: 529
Antigüedad: 8 años, 5 meses
Puntos: 39
Respuesta: creacion de lista de opciones

Ok, lo primero que necesitamos es tener el Select "padre". En este caso
Código HTML:
Ver original
  1. <select class='form-control' name="padre" id="padre">
  2.             <option value='0' selected>[Despliega la lista]</option>
  3.             <option value='1'>[Valor 1]</option>
  4.             <option value='2'>[Valor 2]</option>
  5.             <option value='3'>[Valor 3]</option>
  6.             <option value='4'>[Valor 4]</option>            
  7.             </select>

Y un select hijo que es el que recibirá los datos
Código HTML:
Ver original
  1. <select class="form-control" id="hijo" name="hijo">
  2.             <option value='0'>[Despliega la lista]</option>
  3.             </select>

Luego con ajax
Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/JavaScript">
  2.             $(document).ready(function(){
  3.                 $("#padre").change(function(event){                    
  4.                     var id = $("#padre").find(':selected').val();
  5.  
  6.                     $("#hijo").load('php/generaSelect.php?id='+id);   //llamas al php donde devolverá los datos del select "hijo"                
  7.                 });
  8.             });

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:
Ver original
  1. $consultaOpciones = "SELECT nombre FROM opciones"; // por ejemplo (pseudocodigo)
  2.  
  3. while ($fila = mysql_fetch_array($consultaOpcioens)) {
  4.    
  5.    
  6.     echo '<option value="'.$fila[0].'">'.$fila[0].'</option>';
  7.     }

Y con eso ya te debería funcionar

Última edición por rodocoyote15; 03/01/2016 a las 11:32