Question

大家好，我只是想把这件事做对，首先我在我的html文件中有这些代码：

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

我得到了5个这样的em然后我添加了我的数据：

    <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再次在其他选择中被看到。我怎么去那个？需要帮忙。谢谢:)）

注意：持续直到所有选择选中一个字母：）

Answer 1

＆＃13;

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

＆＃13;

.disabled{background-color:#eee;}

＆＃13;

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

＆＃13;

使用类的JQuery多选项选择将禁用所选选项，否则再次启用它

1 个答案: