ドロップダウンメニューのデフォルト値

Question

値1,2および3の2つのドロップダウン。 1から3を選択すると、2番目のドロップダウンが無効になり、新しいオプションが2番目に追加されます（新しい値、選択されたもの）。 2番目のドロップダウンリストにデフォルトで表示されるように、以下のようなオプションが必要です。助けてくれてありがとう！ここに私のコードは次のとおりです。

<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> 

、ここでは、第一のドロップダウンをクリックしながら、そのようなオプションを追加または削除する機能です。

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

これは

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

を動作するはずです