Select Asociados con jquery

[webelgrillo]

Hola gente del foro.

quiero hacer que al seleccionar la option de un select me nuestre en otro select las option que le corresponde.

tengo este codigo.

<select id="mySelect">
<option value="1">option A</option>
<option value="2">option B</option>
</select>

<!-- este select solo se muestra si seleccionaron el valor -->

<select id="mySelect">
<option value="a1">option a1</option>
<option value="a2">option a2</option>
</select>

espero que me ayuden como seria esto en jquery
gracias..

[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.