隱藏先前選擇的選項從一個選擇

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

禁用所選的選項

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

 

 
})

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

隱藏所選擇的選項

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

 

 
})

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

如果要隱藏，可以使用.prop()來禁用該選項或使用.hide（）。