如何根据select2 jQuery字段中选定的多个值显示/隐藏div

Question

我有 select2 jquery 下拉列表，它由两个项目组成 *For Rent *For Sales 如果我选择 For Rent，某些字段将显示在与 For sales 相同的下方。问题是我不知道如果用户在下拉列表中选择了两个字段，我将如何显示这两个字段。

在我的代码中，我尝试这样做，但是当用户仅选择一个时，它会显示两个字段

$('#for_sales_fields').hide();

$('#for_rents_fields').hide();

$('#property-types-ids').change(function() {

  if($(this).val() == 1) {

    $('#for_sales_fields').show();

  }

  else {

    $('#for_sales_fields').hide();

  }

  if($(this).val() == 2) {

    $('#for_rents_fields').show();

  }

  else {

    $('#for_rents_fields').hide();

  }

  var test = [];

  $.each($('#property-types-ids :selected'), function(){

      test.push($(this).val());

      $('#for_sales_fields').show();

      $('#for_rents_fields').show();

  })

 }

 );

选择出售时

选择出租时

当两者都被选中时，它应该显示两个字段

前端代码自动生成