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

jQuery从下拉列表中选择后,从页面上的其他下拉列表中删除同一行,jquery,select,drop-down-menu,Jquery,Select,Drop Down Menu,是否可以从所有下拉列表中删除项目(我选择的下拉列表除外) 我从PHP代码中自动生成下拉列表,为每个参与者创建一个下拉列表。下拉列表的目的是给每个参与者一个数字,看看谁是最强的1,谁是最弱的4。例如,这取决于参与者的数量 现在我们有了以下内容 约翰-从1降到4- Jeniffer-此处从1下拉至4- 劳埃德-此处从1降到4- 朱利安-这里从1降到4- 我的目标是,当我从John的下拉列表中选择1时,1从其他人的下拉列表中消失,因此剩下的选项只有2、3和4 谢谢您可以使用排除触发事件的元素。比如:

是否可以从所有下拉列表中删除项目(我选择的下拉列表除外)

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

现在我们有了以下内容

约翰-从1降到4-

Jeniffer-此处从1下拉至4-

劳埃德-此处从1降到4-

朱利安-这里从1降到4-

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

谢谢

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

$('select').change(function() {
    $('select').not(this).children('option[value=' + $(this).val() + ']').remove();
});
最好是为select元素指定它们自己的类

但是,如果用户更改其选择,您还必须确保再次添加一个选项。在最坏的情况下,如果用户设置了所有选项,则用户无法再更改is选择,因为没有任何选项可供选择。考虑这个场景。

< P>如果是一个带有选项的选项:


你说的“下拉”是指“s”?是的,对不起。带有选项项的选择。@Roel请尝试禁用和启用,而不是删除。以防他们更改选择。谢谢,但是否可以不从下拉列表中完全删除该项目?我可以添加一个禁用的属性,但如何在选择其他项目后再次启用它?
$('option').click(function(){
    $('option:contains(' + $(this).html() +')').not(this).remove();
});