Modifica delle opzioni nella casella di selezione in base a diverse opzioni di selezione

Question

Ho 2 opzioni di selezione. Voglio cambiare le opzioni a discesa nelle seconde opzioni di selezione in base a ciò che seleziono nelle prime opzioni di selezione. Come posso farlo in jQuery?

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

Seconda selezionare l'opzione se A è selezionata da prima opzione di selezione

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

Ora, se B è selezionato da prima opzione di selezione

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

Answer 1

Qualcosa di simile:

$('#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); 
}); 

Ovviamente puoi avere le tue opzioni, ad es. memorizzati in un array e combinarli in volo o altro, dipende da te.

Riferimento: .change(), .val()

Answer 2

È possibile in modo che con 3 tecniche diffrent:

1. di caricare le opzioni per la seconda selezionare con AJAX, non appena il primo è stato selezionato
2. Risparmi tutte le opzioni per la seconda selezione in un oggetto JSON e quindi includerla dopo che è stata selezionata la prima
3. Predefinite tutte le selezioni e mostra/nascondi E disabilita/abilita le altre selezioni

Il primo è probabilmente il migliore in quanto è possibile ottenere valori da un database a seconda della scelta degli utenti e si può costruire il lato del server select hole.