Skip to main content
2 de 3
se eliminaron 18 caracteres en el cuerpo

Problemas al realizar un select anidado con select2

Quiero realizar un select anidado con ayuda de select2, entonces con ayuda de select2 primero hago la consulta del primer select que son las marcas, para el segundo select mando la selección del primer select por medio de ajax, y la recibo y guardo en la variable $seleccionMarca, la cuestion es que no funciona realizandolo de esta forma.

Este es el buscador de marca:

    $(document).ready(function(){
        $("#buscadorMarca").select2({
            ajax: {
                url: "../Backend/BuscarMarcaVehiculo.php",
                type: "post",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        palabraClave: params.term, // search term
                    };
                },
                processResults: function(response) {
                    return {
                        results: response
                    };
                },
                cache: true
            },
            "language": {
                "noResults": function(){
                    return "No se encuentra ninguna coincidencia <a href='Motos_Registro_Clientes_Frontend.php'  class='btn btn-danger'>+ Registrar Cliente</a>";
                }
            },
                escapeMarkup: function (markup) {
                    return markup;
                }
            
        });

    });

Por medio de la siguiente funcion es que mando la seleccion del primer select:

        $(document).ready(function () {
        $("#buscadorMarca").change(function(){
            var seleccionMarca = $('#buscadorMarca').val();
            
            $.ajax({
                url:'../Backend/BuscarLineaVehiculo.php',
                type:'POST',
                data: {seleccionMarca:seleccionMarca},

             });
        });
    });

Esa información va al siguiente php que es el que hace la consulta para el segundo select, que es el de la linea:

'''

 //variable de la marca seleccionada
 $seleccionMarca = $_POST['seleccionMarca']


// Numero de registros

$numero_de_registros = 10   ;


if(!isset($_POST['palabraClave'])){

// Obtener registros
$stmt = $db->prepare("SELECT * FROM linea_vehiculo WHERE Marca_Vehiculo='$seleccionMarca' ORDER BY 
Linea_Vehiculo LIMIT :limit");
$stmt->bindValue(':limit', (int)$numero_de_registros, PDO::PARAM_INT);
$stmt->execute();
$usersList = $stmt->fetchAll();


}else{

$search = $_POST['palabraClave'];// Palabra a buscar

// Obtener registros
$stmt = $db->prepare("SELECT * FROM linea_vehiculo WHERE Marca_Vehiculo = '$seleccionMarca' AND 
Linea_Vehiculo like :Linea_Vehiculo ORDER BY Linea_Vehiculo LIMIT :limit");
$stmt->bindValue(':Linea_Vehiculo', '%'.$search.'%', PDO::PARAM_STR);
$stmt->bindValue(':limit', (int)$numero_de_registros, PDO::PARAM_INT);
$stmt->execute();
$usersList = $stmt->fetchAll();

}

 $response = array();

 // Leer la informacion
 foreach($usersList as $user){
     $response[] = array(
         "id" => $user['Linea_Vehiculo'],
         "text" => $user['Linea_Vehiculo']
    );
 }

 echo json_encode($response);
 exit();

''' Despues recibo la informacion del php para el select de la siguiente manera:

$(document).ready(function(){
                $("#buscadorLinea").select2({
                    ajax: {
                        url: "../Backend/BuscarLineaVehiculo.php",
                        type: "post",
                        dataType: 'json',
                        delay: 250,
                        data: function (params) {
                            return {
                                palabraClave: params.term, // search term
                            };
                        },
                        processResults: function(response) {
                            return {
                                results: response
                            };
                        },
                        cache: true
                    },
                    "language": {
                        "noResults": function(){
                            return "No se encuentra ninguna coincidencia <a href='Motos_Registro_Clientes_Frontend.php'  class='btn btn-danger'>+ Registrar Cliente</a>";
                        }
                    },
                        escapeMarkup: function (markup) {
                            return markup;
                        }
                    
                });

            });