[SOLUCIONADO] problemas con select anidado php y mysql

[ycaires]

Buenas noches amigos necesito de su colaboración estoy tratando de crear un selecto dinámico en PHP y Mysql, tengo dos tablas la primera se llama tipo_transporte y consta de dos campos que son:
cve_transporte y transporte
1 terrestre
2 maritimo
3 aereo
la 2da tabla se llama tipo_transporte2 y consta de tres campos:
cve_transporte cve_tipo movil
1 1 camion
2 1 carro
3 2 barco
3 avión

EL PRIMER SELECT TRABAJA BIEN PERO NO LOGRO QUE EL SEGUNDO SELECT TOME LA DATA O LA RELACIONES CON EL PRIMERO PARA QUE ME TRAIGA LA DATA ES DECIR Y SELECCIONO MARITIMO EN EL PRIMER SELEC QUE AUTOMATICAMENTE APAREZCA BARCO

Código PHP:

<select  name="transporte" class="form-control">
 <?php
                            
    $server = "localhost";
    $usuario = "root";
    $contraseña = "";
    $bd = "hora";
    
          $mysqli = new mysqli('localhost', 'root', '', 'hora');
                                    
          $query = $mysqli -> query ("SELECT * FROM  tipo_transporte");
                                    
          while ($valore = mysqli_fetch_array($query)) {
                                    
 
 
            
   echo     "<option value='".$valore["cve_transporte"]."'>".$valore["transporte"]."</option>";                                     
          }
          
              
        ?>
                                         
                                         </select>
 
 <select  name="transporte2" class="form-control">
 <?php
        
                            
    $server = "localhost";
    $usuario = "root";
    $contraseña = "";
    $bd = "hora";
    
    
    
          $mysqli = new mysqli('localhost', 'root', '', 'hora');
                                    
          $query = $mysqli -> query ("SELECT * FROM  tipo_transporte2 ");
                                    
          while ($valores = mysqli_fetch_array($query)) {
                                    
          echo  "<option value='".$valores["cve_tipo"]."'>".$valores["movil"]."</option>";
                                        
          }
          
              
        ?>
                                         
                                         </select>
 

por favor si alguien me puede ayudar
de antemano gracias
YC

[Turdo]

ycaires eso lo tienes que hace con javascript(js) ya que mediante el DOM y los eventos de usuario con js puedes modificar los objetos, en este caso el select.

Código Javascript:

var data = new Array();//array multidimencional
    data['maritimo'] = ['barco'];
    data['aereo'] = ['avion'];
    data['terrestre'] = ['camion','automovil'];
    function cambios(){
        var cambiar = document.getElementById('select2');
        var select = document.getElementById('select1');
        var valor = select.options[select.selectedIndex].text;
        var datos = data[valor];
        while (cambiar.options.length) {
            cambiar.options.remove(0);
        }
        if(datos){
            for(i=0;i<datos.length;i++){
                var opcion = new Option(datos[i], i);
                cambiar.options.add(opcion);
            }
        }
    }
 

Código HTML:

<select id="select1" name="select1" onchange="cambios()">
    <option value="maritimo">Selecciona una opción</option>
    <option value="maritimo">maritimo</option>
    <option value="aereo">aereo</option>
    <option value="terrestre">terrestre</option>
</select>
<select id="select2" name="select2"></select>
 

Espero te sirva.

[Triby]

Eso no se puede directamente con PHP, pero sí con AJAX. Usa el buscador del foro, hay muchos buenos temas acerca de select dependientes, seguro encuentras algo que te sea útil.

[ycaires]

buenas noches gracias por la solución TURDO esta excelente pero lo que hice fue lo siguiente ya que requerían de el select se recargue automáticamente con nuevos item´s

1.- cree una función y la coloque en el php del formulario

$(function(){

// Lista de trabajos
$.post( 'trabajos.php' ).done( function(respuesta)
{
// variable en el select
$( '#trabajos' ).html( respuesta );
});

// lista de actividades
$('#trabajos').change(function()
{
var el_trabajo = $(this).val();

// Lista de Paises
$.post( 'actividades.php', { trabajo: el_trabajo} ).done( function( respuesta )
{
// variable en el select
$( '#actividades' ).html( respuesta );
});
});

})

2.- cree el archivo trabajos.php y actividades.php

<?php

$conexion = mysqli_connect("localhost","root","","hora");

$query = $conexion->query("SELECT * FROM trabajos");

echo '<option value="0">Seleccione</option>';

while ( $row = $query->fetch_assoc() )
{

echo '<option value="'.$row['id'].'">'.$row['nombre'].'</option>'. "\n";
}

?>

<?php


$conexion = mysqli_connect("localhost","root","","hora");

$el_trabajo = $_POST['trabajo'];

$query = $conexion->query("SELECT * FROM actividades WHERE id_trabajo = $el_trabajo");

echo '<option value="0">Seleccione</option>';

while ( $row = $query->fetch_assoc() )
{
echo '<option value="' . $row['id_actividad']. '">' . $row['nombre'] . '</option>' . "\n";
}

?>

2.- Por último realice el select en el archivo entrar.php del formulario

<form action="insertar.php" method="POST" class="">

<div class="row">
<div class="col-sm-4" style=""> <label >Tipo de Trabajo:</label></div>
<div class="col-sm-4" style=""><label >Actividad:</label></div>
<div class="col-sm-4" style=""><label >País:</label></div>
</div>

<div class="row">
<div class="col-sm-4" style="">

<select name="trabajos" id="trabajos" class="form-control">
<option value="0">Seleccione</option>

</select>

</div>


<div class="col-sm-4" style="">

<select name="actividades" id="actividades" class="form-control">
<option value="0">Seleccione</option>
</select>



</div>

funciona excelente
las tablas son: trabajos con los campos id y nombre y la tabla actividades con los campos id_actividad - Id_trabajo nombre

por cierto lo de los campos y tablas de tipo de transporte era de prueba para no trabajar directamente en el sistema, muchas gracias Turdo y Triby seguro en un momento dado tomo tu script para trabajar menos.