如何在选择另一个选择框中的项目时从一个选择框中隐藏选项下的项目？

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; 
});