隐藏选择

Question

我有这个下拉菜单。

<select id="dDown">
     <option value="a">a</option>
     <option value="b">b</option>
     <option value="c">c</option>
</select>

如果我首次选择b，则下次点击同一dDown时，唯一显示的选项应为a和c。如果我选择a，则下一个dDown选项应为b和c。

这怎么可能？

Answer 1

停用所选选项

＆＃13;

＆＃13;

$("#dDown").change(function() {
  $("option", this).prop("disabled", false)
  $("option:selected", this).prop("disabled", true)


})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dDown">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>

＆＃13;

＆＃13;

＆＃13;

隐藏所选选项

＆＃13;

＆＃13;

$("#dDown").change(function() {
  $("option", this).show()
  $("option:selected", this).hide()


})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dDown">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>

＆＃13;

＆＃13;

＆＃13;

如果要隐藏，可以使用.prop()禁用该选项或使用.hide（）。