Question

我正面临如下问题。我在页面中使用了6个下拉列表，其值类似。现在我希望如果从下拉列表中选择一个选项，那么它应该从其他下拉列表中删除，反之亦然。工作代码如下：

var $selects = $('select');
    $('select').change(function () {
        $('option:hidden', $selects).each(function () {
            var self = this,
                toShow = true;
            $selects.not($(this).parent()).each(function () {
                if (self.value == this.value) toShow = false;
            })
            if (toShow) $(this).show();
        });
        if (this.value != 0) //to keep default option available
          $selects.not(this).children('option[value=' + this.value + ']').hide();
    });

但是上面的代码工作正常，以防我们通过鼠标点击更改下拉项目，但是当我们使用aero密钥时问题仍然存在。

Answer 1

请在下面

var textValue = $("#yourdropdownid option:selected").val();
$("#dropdownElement").find('option[value="'+textValue+'" ]').remove();

这会对你有帮助。

Answer 2

这是你想要的吗？

http://jsfiddle.net/b5ahtbr5/1/

这是你做的 -

$('.dropdown').on('change',function(){
    var selectedValue=$('option:selected',this).val();
  $('.dropdown ').not(this).find('option[value='+selectedValue+']').remove();
});

删除其他下拉列表中的选定项目

2 个答案: