Wählen Sie Kinder hängt von Eltern Wählen Sie

Question

Wie bekomme ich auf Change Kind Auswahl nach der Elternauswahl verwenden Sie js oder jquery.

<select id="country"> 
<option value="1">United states</option> 
<option value="2">United kingdom</option> 
<option value="3">France</option> 
</select> 

<select id="country"> 
<option value="">Select country first</option> 
</select> 

Wenn Benutzer ausgewählt United Kingdom (Wert = 2) nur anders Regionen in Großbritannien laden soll sagen: „Land wählt zuerst“.

Answer 1

Hier fand ich komplette Tutorial und Beispielcode. LINK

Answer 2

Nicht sicher über Ihre Frage, aber Sie können eine Funktion für die Änderung vornehmen:

$("#country").change(function(){ 
if($(this).val() == 2){ 
//United Kingdom selected 
}else{ 
... 
} 
}); 

Answer 3

Sie benötigen abhängig wählen Sie eine andere ID zu geben, ich cities für dieses Beispiel gewählt haben, und Sie müssen eine erstellen Karte der Städte, die den Werten country entsprechen. Fügen Sie dem übergeordneten Element einen onchange-Ereignis-Listener hinzu, der die Optionen der abhängigen Auswahl mit den relevanten Städten aktualisiert. Hier ist ein einfaches Beispiel:

var cityMap = { 
 
    "1": ['New York', 'San Francisco'], 
 
    "2": ['London', 'Cambridge'], 
 
    "3": ['Paris', 'Nice'] 
 
} 
 

 
$('#country').on('change', function() { 
 
    var cities = cityMap[$(this).val()]; 
 
    $('#cities').empty().append(cities.map(function(city) { 
 
     return $('<option />').text(city); 
 
    })) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="country"> 
 
    <option>Select a country</option> 
 
    <option value="1">United states</option> 
 
    <option value="2">United kingdom</option> 
 
    <option value="3">France</option> 
 
</select> 
 

 
<select id="cities"> 
 
    <option value="">Select country first</option> 
 
</select>

Answer 4

Sie finden diese Schnipsel

$(function(){ 
 
    $("#country").on("change",function(){ 
 
    
 
    
 
    
 
    if($(this).val() == "0") 
 
    { 
 
    
 
    alert("Please select Country"); 
 
    } 
 
    else 
 
    { 
 
    
 
    alert($(this).val()); 
 
    //do you rest of work for Country binding 
 
    } 
 
    }); 
 
    
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="country"> 
 
<option value="0">Select</option> 
 
<option value="1">United states</option> 
 
<option value="2">United kingdom</option> 
 
<option value="3">France</option> 
 
</select> 
 

 
<select id="country"> 
 
<option value="">Select country first</option> 
 
</select>