jQueryの複数のオプション選択選択したオプションを無効にして、私はちょうどこの事を作りたかっない

Question

こんにちはみんなは、最初に私は私のhtmlファイルにコードのこれらの行を持っている場合、それを再度有効にします。

<select class="form-control select-option></select> 

と私はこれらのように、EMの5を持って、それから私は出てくる私の件のデータを追加：

<select class="form-control select-option> 
     <option disabled selected>Select an option</option> 
     <option>A</option> 
     <option>B</option> 
     <option>C</option> 
     <option>D</option> 
     <option>E</option> 
    </select> 

私が欲しかったすべてが私の最初の選択は、他に選択肢Cを取得する場合は、私はそれを選択解除した場合、それは無効となります選択ということですし、むしろAを選択し、Aを無効にして、Cを他の選択で再び見られるようにします。どのように私はそれに行くのですか？助けが必要。ありがとう:)

注：継続的にすべてが**非表示オプションタグクロスブラウザではないことができます@yezzz手紙:)

Answer 1

$(".select-option").on("change",function(){ 
 
    $(this).find("option").prop("disabled",false).removeClass("disabled"); 
 
$(this).find("option:selected").prop("disabled",true).addClass("disabled"); 
 
});

.disabled{background-color:#eee;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control select-option" > 
 
    <option disabled selected >Select an option</option> 
 
     <option>A</option> 
 
     <option>B</option> 
 
     <option>C</option> 
 
     <option>D</option> 
 
     <option>E</option> 
 
</select>