Cambiar las opciones en el cuadro de selección según las diferentes opciones de selección

Question

Tengo 2 opciones de selección. Quiero cambiar las opciones desplegables en las segundas opciones de selección según lo que seleccione en las primeras opciones de selección. ¿Cómo hago eso en jquery?

<select id="Manage"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
<select> 

Segunda seleccione la opción si A es seleccionado de primera opción de selección

<select id='selectA'> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

Ahora bien, si se selecciona B de primera opción de selección

<select id='selectA'> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

Answer 1

Algo así como:

$('#Manage').change(function() { 
    var options = ''; 
    if($(this).val() == 'a') { 
     options = '<option value="1">1</option><option value="2">2</option>'; 
    } 
    else if ($(this).val() == 'b'){ 
     options = '<option value="3">3</option><option value="4">4</option>'; 
    } 

    $('#selectA').html(options); 
}); 

Por supuesto usted puede tener sus opciones, por ej. almacenados en una matriz y combinarlos en vuelo o lo que sea, eso depende de usted.

Referencia: .change(), .val()

Answer 2

Puede modo que con 3 técnicas diffrent:

1. de cargar las opciones para la segunda seleccionar con AJAX tan pronto como la primera fue seleccionado
2. Se ahorra todas las opciones para el segundo seleccione en un objeto JSON y luego inclúyalo después de que se haya seleccionado el primero
3. Usted predefine todo seleccione y muestre/oculte Y desactive/habilite el otro selecciona

La primera es probablemente la mejor, ya que puede obtener valores de una base de datos en función de la elección exacta de los usuarios y usted puede construir el lado del servidor de selección de agujeros.