Standardwert des Dropdown-Menüs JQuery

Question

Zwei Dropdown-Menüs mit den Werten 1,2 und 3. 3 von 1 deaktiviert das zweite Dropdown und eine neue Option, die in 2 hinzugefügt wird (neuer Wert, ausgewählt und veränderbar). Ich brauche eine solche Option wie in der Funktion unten hinzugefügt, um standardmäßig auch in der 2. Dropdown-Liste zu sein. Danke für die Hilfe! Hier ist mein Code:

<select name="first" id="first_dropdown"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

<select name="second" id="second_dropdown"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

und hier ist die Funktion hinzuzufügen, oder solche Option zu entfernen, während im 1. Dropdown klicken:

$('#first_dropdown').change(function(e){ 
     if($(this).val() == "3"){ 
      $("#second_dropdown").prop('disabled',true) && $("#second_dropdown").prepend('<option value=0 class = "prepended_options" selected></option>'); 
     } 
     else $("#appusage_dropdown").prop('disabled',false) && $(".prepended_options").remove(); 
    }); 

Answer 1

Dies sollte

arbeiten

$('#first_dropdown').change(function(e){ 
 
     if($(this).val() == "3"){ 
 
      $("#second_dropdown").prepend('<option value="0" class="prepended_options" selected>0</option>'); 
 
      $("#second_dropdown").prop('disabled',true); 
 
     } 
 
     else {$("#second_dropdown").prop('disabled',false); $(".prepended_options").remove();} 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="first" id="first_dropdown"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select> 
 

 
<select name="second" id="second_dropdown"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select>