前のドロップダウンリストに基づいてドロップダウンリストをフィルタリングする

Question

ユーザが選択した最初のドロップダウンリストに基づいて2番目のドロップダウンリストをフィルタリングする方法について質問したいと思いますか？

例：ユーザーが最初のドロップダウンリストでAIAを選択すると、2番目のドロップダウンリストは無効になります。

<tr> 
    <td NOWRAP WIDTH="15%"><font FACE="ARIAL" SIZE="2"><strong>Level 1 Organizer</strong></font></td> 
    <td NOWRAP > 
      <font FACE="ARIAL" SIZE="2"><strong> 
     <select name="Organizer" size="1" style="font-family: Arial; font-size: 10pt" onchange="Validate_Report_Level(this.value)"> 
      <option value="Partnership">Partnership</option> 
      <option value="AIA">AIA</option> 
      <option value="Agency">Agency</option> 
     </select> 
      </strong></font> 
    </td> 
</tr> 

Answer 1

はこの試してみてください。

HTML：

<select class="selectItem" name="Organizer" size="1" style="font-family: Arial; font-size: 10pt"> 
    <option value="Partnership">Partnership</option> 
    <option value="AIA">AIA</option> 
    <option value="Agency">Agency</option> 
</select> 

<select class="selectItem" name="Organizer" size="1" style="font-family: Arial; font-size: 10pt"> 
    <option value="Partnership">Partnership</option> 
    <option value="AIA">AIA</option> 
    <option value="Agency">Agency</option> 
</select>   

のjQuery：

$('.selectItem').on('change', function() { 
    var value = $(this).val(); 
    $(this).addClass('selected'); 
    $('.selectItem option:not(.selected)').prop('disabled', false); 
    $('.selectItem option[value="' + value + '"]:not(.selected)').prop('disabled', true); 
    $(this).removeClass('selected'); 
}); 

チェック：https://jsfiddle.net/ws6xp69r/