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

时间:2011-01-28 15:16:28

标签: jquery select drop-down-menu

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

我从我的PHP代码中自动生成了下拉列表,为每个参与者提供了一个下拉列表。下拉列表的目的是为每个参与者提供一个数字,以查看谁是最强者(1)和最弱者(例如4,取决于参与者的数量)。

现在我们有了以下内容;

  

约翰 - 在这里从1下降到4 -

     

Jeniffer - 从1到4下拉 -

     劳埃德 - 在这里从1下降到4 -

     

朱利安 - 这里从1到4下拉 -

我的目标是,当我从John的下拉列表中选择“1”时,“1”会从其他人的消息中消失(所以剩下的选项只有2,3和4)。

由于

2 个答案:

答案 0 :(得分:1)

您可以使用.not排除触发事件的元素。类似的东西:

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

最好是将select元素赋予自己的类。

DEMO

但如果用户更改了他的选择,您还必须确保再次添加选项。在最坏的情况下,如果用户设置了所有选项,则用户无法再进行更改,因为无法选择。考虑这种情况。

答案 1 :(得分:0)

如果是select options

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