Drop-down-Änderungen automatisch (umgekehrt wäre am besten)

Question

Ich muss das 3. Feld automatisch abhängig von den ersten beiden Feld ändern. (es wäre am besten, wenn ich das 3. Feld ändere und dann auch die ersten 2 Felder ändere)

Ich brauche eine Jquery-Lösung. Kann mir bitte jemand helfen?

<select id="First"> 
 
    <option val="car">car</option> 
 
    <option val="phone">phone</option> 
 
</select> 
 

 
<select id="Second"> 
 
    <option val="car">car</option> 
 
    <option val="phone">phone</option> 
 
    <option val="boll">boll</option> 
 
</select> 
 
<hr> 
 
<select id="ChangeItAutomatically"> 
 
    <option val="carcar">car car</option> 
 
    <option val="carphone">car phone</option> 
 
    <option val="carboll">car boll</option> 
 
    <option val="phonecar">phone car</option> 
 
    <option val="phonephone">phone phone</option> 
 
    <option val="phonecarboll">phone boll</option> 
 
</select>

Answer 1

Ist das, was Sie suchen?

$(document).ready(function() { 
 
    // on change for the 3rd select 
 
    $("#ChangeItAutomatically").on("change", function() { 
 
    // get the value and split on space 
 
    var value = $(this).val().split(" "); 
 
    
 
    // select the other two selects based on the values 
 
    $("#First").val(value[0]); 
 
    $("#Second").val(value[1]); 
 
    }); 
 

 
    // on change for the first two selects 
 
    $("#First, #Second").on("change", function() { 
 
    // set the value of the 3rd select based on the combination of values of the first two 
 
    $("#ChangeItAutomatically").val($("#First").val() + " " + $("#Second").val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="First"> 
 
    <option val="car">car</option> 
 
    <option val="phone">phone</option> 
 
</select> 
 

 
<select id="Second"> 
 
    <option val="car">car</option> 
 
    <option val="phone">phone</option> 
 
    <option val="boll">boll</option> 
 
</select> 
 
<hr> 
 
<select id="ChangeItAutomatically"> 
 
    <option val="car car">car car</option> 
 
    <option val="car phone">car phone</option> 
 
    <option val="car boll">car boll</option> 
 
    <option val="phone car">phone car</option> 
 
    <option val="phone phone">phone phone</option> 
 
    <option val="phone boll">phone boll</option> 
 
</select>