根据值从页面上的其他选择菜单中删除选择菜单选项

Question

我有一个包含10个选择菜单的表单，每个菜单包含20个选项。

我想让用户无法从选择菜单中选择相同的值， 如果他选择一个选项，它将从其他菜单中删除，但不会从当前菜单中删除，当他更改选择时，该选项将再次显示，新选项将隐藏..

我无法想办法做到这一点，所以我将非常感谢你的帮助。谢谢

Answer 1

我认为这会对你有所帮助，我已经在JQuery中编写了这些内容，因此必须包含必要的脚本文件才能使其正常工作

(function () {
    var previous;

    $("select").on('focus', function () {
        previous = this.value;
    }).change(function(){
    $elm=$(this).children('option:selected');
    $a=$elm.val();
    $('[value='+$a+']').not( $elm).hide();
     $('[value='+previous+']').not( $elm).show();   

    });
})();

下面是演示

  

DEMO