2017-10-07 80 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

相关问题