从下拉列表中选择后的jQuery从页面上的其他下拉列表中删除同一行

Question

是否可以从所有下拉菜单中删除项目，除了我从中选择的项目？

我从我的 PHP 代码中自动生成下拉列表，为每个参与者创建一个下拉列表。下拉列表的目的是给每个参与者一个数字，以查看谁最强（1）和最弱（例如 4，取决于参与者的数量）。

现在我们得到了以下内容；

John -- 这里从 1 到 4 的下拉列表 --

Jeniffer -- 这里从 1 到 4 的下拉菜单 --

Lloyd -- 这里从 1 到 4 的下拉菜单 --

Julian -- 这里从 1 到 4 下拉 --

我的目标是，当我从 John 的下拉列表中选择“1”时，“1”会从其他人的下拉列表中消失（因此剩下的选项只有 2、3 和 4）。

谢谢

Answer 1

您可以使用.not 排除触发事件的元素。比如：

$('select').change(function() {
    $('select').not(this).children('option[value=' + $(this).val() + ']').remove();
});

最好为select 元素提供自己的类。

DEMO

但是，如果用户更改了他的选择，您还必须确保再次添加一个选项。在最坏的情况下，如果用户设置了所有选项，则用户无法再更改选择，因为没有可供选择的内容。考虑一下这种情况。

Answer 2

如果是select 和options：

$('option').click(function(){
    $('option:contains(' + $(this).html() +')').not(this).remove();
});