2017-10-07 78 views
2

傢伙嗨,我只是想這件事情吧,首先我有這行代碼在我的HTML文件:JQuery的多個選項選擇與類禁用所選擇的選項,並再次啓用它,如果不

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

和我得到的EM 5喜歡這些,然後我附加我DATAS其中出來:

<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再次在其他選擇中看到。我該怎麼做?需要幫忙。謝謝:)

注:汽車無,直到所有的選擇中選擇一個字母:)

+0

@yezzz你**不能**隱藏選項標籤跨瀏覽器。不支持特別是在IE和Safari – charlietfl

+0

這是在該頁面上提到的,但我同意這不是我提到的鏈接的重複。 – yezzz

回答

2

$(".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>

+0

這是令人敬畏的先生,但事實是我有5個選擇,你可以做什麼,甚至只有2選擇?非常感謝 :) – godscrub

相關問題