Select Asociados con jquery

[cesa_r]

Código Javascript:

$(document).ready(function() {
 $ = jQuery.noConflict();   
     var select_1 = document.getElementById("mySelect");
     $(select_1).change(function() { //Cuando un usuario selecciona alguna opcion de select
         valor = $(this).attr("value"); //Recoje el value de la opcion seleccionada del select
         
         var dataString = 'parametro='+valor; //almacenamos los parametros a enviar
         
         $.ajax({
             type: "GET", //El tipo (GET o POST)
             url:'archivo.php', //el archivo al cual pasaras los parametros
             data: dataString, //los parametros
             success: function (response) {
                 $(#div_selectNuevo).html(response);
             }
         })
        
     });
});
 

Código HTML:

<select id="mySelect" >
      <option value="1">option A</option>
      <option value="2">option B</option>
</select>
 
<div id="div_selectNuevo"></div> //Aqui insertaria el select 2 que vendria en la respuesta.
 

El otro select lo metes en archivo.php mediante una consulta haces la condicion para que te muestre los datos dependiendo del parametro que pasaste por GET y el select 2 que viene en la respuesta lo metes en un div.