0

Hola Estoy trabajando en un option select anidado de 3 niveles, funciona correctamente al desplegar cada select el unico detalle es que no me guarda los valores ejemplo (activo, marca, modelo) sino los ID (1,2,2) Espero su ayuda gracias

CODIGO HTML

<div>Select Descripcion : <select name="cbx_activo" id="cbx_activo">
            <option value="0">Elige una opcion</option>
            <?php while($row = $resultado->fetch_assoc()) { ?>
                <option value="<?php echo $row['id_activo']; ?>"><?php echo $row['activo']; ?></option>
            <?php } ?>
        </select></div>
        
        <br />
        
        <div>Select Marca : <select name="cbx_marca" id="cbx_marca"></select></div>
        
        <br />
        
        <div>Select Modelo : <select name="cbx_modelo" id="cbx_modelo"></select></div>


    CODIGO JAVASCRIPT
/* ====== Select anidado activo-marca ======*/ $(document).ready(function(){ $("#cbx_activo").change(function () { $('#cbx_modelo').find('option').remove().end().append('Elige una opcion').val('whatever'); $("#cbx_activo option:selected").each(function () { id_activo = $(this).val(); $.post("includes/GetMarca.php", { id_activo: id_activo }, function(data){ $("#cbx_marca").html(data); }); }); }) }); /* ====== Select anidado marca-modelo ======*/ $(document).ready(function(){ $("#cbx_marca").change(function () { $("#cbx_marca option:selected").each(function () { id_marca = $(this).val(); $.post("includes/GetModelo.php", { id_marca: id_marca }, function(data){ $("#cbx_modelo").html(data); }); }); }) });
ARCHIVO GetMarca.php

require ('../conexion.php');

$id_activo = $_POST['id_activo'];

$queryM = "SELECT id_marca, marca FROM marca WHERE id_activo = '$id_activo' ORDER BY marca";
$resultadoM = $mysqli->query($queryM);

$html= "<option value='0'>Elige una opcion</option>";

while($rowM = $resultadoM->fetch_assoc())
{
    $html.= "<option value='".$rowM['id_marca']."'>".$rowM['marca']."</option>";
}

echo $html;





ARCHIVO GetModelo.php

require ('../conexion.php');

$id_marca = $_POST['id_marca'];

$query = "SELECT id_modelo, modelo FROM modelo WHERE id_marca = '$id_marca' ORDER BY modelo";
$resultado=$mysqli->query($query);

$html= "<option value='0'>Elige una opcion</option>";

while($row = $resultado->fetch_assoc())
{
    $html.= "<option value='".$row['id_modelo']."'>".$row['modelo']."</option>";
}
echo $html;


Ese es mi codigo fuente a la hora de guardar no guardar los value sino el id 1, 1, 2.

AQUI DEJO EL CODIGO FUENTE COMPLETO CON BASE DE DATOS PARA MEJOR APOYO. GRACIAS

https://mega.nz/file/H3QEFC5B#JP8Sud5Rt3HCba2HSIMzt-98ykzcenTQc2Kuy0u_CM0

2
  • El código mínimo para entender tu problema va aqui en la pregunta, por otro lado el código va como texto y no como imagen
    – user128299
    Commented el 16 jul. 2020 a las 22:11
  • Entiendo, pero deje un enlance en mega con los codigos y base de datos para una mejor ayuda
    – JJ. RR
    Commented el 16 jul. 2020 a las 23:42

1 respuesta 1

0

introducir la descripción de la imagen aquíesto es lo que hice basicamente tu ponias el id en el value de los option, entonces tiene que ir en su respectivo id jeje cargare imagenes o si me proporcionas tu correo te puedo pasar las modificaciones que hice sin embargo no se si asi lo quieras, es lo que yo entendi de lo que publicaste

<?php while ($row = $resultado->fetch_assoc()) { ?>
                <option id="<?php echo $row['id_activo']; ?>" value="<?php echo 
 $row['activo']; ?>"><?php echo $row['activo']; ?></option>
            <?php } ?>




 $("#cbx_activo option:selected").each(function() {
                id_activo = this.id
                $.post("includes/GetMarca.php", {
                    id_activo: id_activo

                }, function(data) {
                    $("#cbx_marca").html(data);
                });

            })


$("#cbx_marca").change(function() {
            $("#cbx_marca option:selected").each(function() {
                id_marca = this.id

                alert(id_marca);
                $.post("includes/GetModelo.php", {
                    id_marca: id_marca
                }, function(data) {
                    $("#cbx_modelo").html(data);
                });
            });
        })








while ($rowM = $resultadoM->fetch_assoc()) {
$html .= "<option id=" . $rowM['id_marca'] . " value='" . $rowM['marca'] . "'>" . 

``$rowM['marca'] . ""; }

son las modificaciones que hice, perdon por el desorden soy nuevo y no se como acomodar las cosas todavia jeje , pero como te digo si tienes correo te lo mando si no le entiendes

11
  • Ok probare este codigo, si puedes porfavor sube las imagenes.. y no se, si pueda publicar mi correo por aca, o si incumplo con las politicas soy nuevo.
    – JJ. RR
    Commented el 16 jul. 2020 a las 23:43
  • jaja yo tambien soy nuevo asi que la verdad no se pero publicare imagenes Commented el 16 jul. 2020 a las 23:53
  • por favor.. o subelo a un enlace. Agradecido
    – JJ. RR
    Commented el 16 jul. 2020 a las 23:57
  • no tengo mega o fire, pero ya subi la imagen, espero se entienda el cambio es sencillo Commented el 17 jul. 2020 a las 0:04
  • Probando codigo.
    – JJ. RR
    Commented el 17 jul. 2020 a las 0:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.