Question

我有四个国家下拉列表，如果我在第一个下拉列表中选择了印度，那么我就无法在另一个下拉列表中选择INDIA。在下面的代码中，我能够显示方法，但在显示消息后，我能够在另一个下拉列表中看到重复的值。

function factory( Base ) {
  return class Extended extends Base {
    ...
  }
}

const Extended = factory( React.Component );
const PureExtended = factory( React.PureComponent );

Answer 1

$(document).ready(function(){
$('select').on('change', function(event ) {
var prevValue = $(this).data('previous');
$('select').not(this).find('option[value="'+prevValue+'"]').show();    
  var value = $(this).val();
 $(this).data('previous',value); 
  $('select').not(this).find('option[value="'+value+'"]').hide();
 });
});

这是codepen

PS。您可以根据其他投影中的值隐藏/显示选项，而不是删除选项。希望这会有所帮助：）

可以在使用jQuery在prev下拉列表中选择的其他下拉列表中选择相同的值

1 个答案: