如何在選擇另一個選擇框中的項目時從一個選擇框中隱藏選項下的項目？

Question

我是jQuery的新手，想知道如何根據選擇的另一個選擇框在選擇框中隱藏選項。

我有5個選擇框，這是供管理員選擇有限條件的用戶。 <options>是從數據庫查詢和php的結果動態創建的，它們都有相同的<options>。

例如這是帶選項值的選擇框的示例。

userbox1 - Amy, Bosh, Cathy, Daniel, Ethan 
userbox2 - Amy, Bosh, Cathy, Daniel, Ethan 
userbox3 - Amy, Bosh, Cathy, Daniel, Ethan 
userbox4 - Amy, Bosh, Cathy, Daniel, Ethan 
userbox5 - Amy, Bosh, Cathy, Daniel, Ethan 

因此，如果管理員在userbox1中選擇了Cathy，那麼Cathy將自動隱藏在用戶框其餘部分的選擇中。如果管理員改變他/她的想法並重新選擇另一個用戶打電話給Ethan。用戶框應該能夠顯示選擇中的Cathy的可用性。

我不確定是隱藏/顯示在這種情況下使用的正確狀態。我是否可以知道如何編寫上述的函數？如果我錯過了一些當前的參考資料，請將其指向我。提前致謝。

Answer 1

這應該工作。如果沒有，請不要開槍，我實際上沒有對它進行測試。如果它不起作用，那麼它至少應該接近你要找的東西。

$('select option').click(function(e) { 
    var $that = $(this) 
     , $others = $('select option:contains(' + $that.text() + ')').not($that).hide(); 

    $('select option:hidden').not($others).show(); 
    return false; 
});