Скрыть элементы, выбрав параметры фильтра боковой панели

Question

Я новичок в MVC и ASP. NET Core и я - это моя проблема: у меня есть список домов (это результат вызова ajax) со всеми доступными свойствами в этом представлении. Примерно так:

@foreach (var hotel in Model.Houses)
        {
            <!-- product -->
            <div class="product-content product-wrap clearfix product-deatil">
              "Here I build the object"
            </div>

Итак, я создал еще один объект, который хранит «список свойств». Например, у меня есть 3 свойства: Услуги, Имя и Местность. Они хранятся в том же объекте, который был возвращен при вызове ajax, поэтому затем я создаю частичное представление из этого представления, в этом частичном y создаем этот компонент, чтобы выбрать «Службы», которые в результате этого представления являются OUT от @foreach (var hotel in Model.Houses) и выглядит это так:

<!--FILTRO SERVICIOS-->
    <div class="col-sm-12 col-md-12 col-lg-12" style="overflow: auto;
        white-space: nowrap;">
        FILTRAR POR SERVICIOS
        <button type="button" class="collapsibleSideFilter active"></button>
        <div class="menuServicios">

            @using (Html.BeginForm("", "", FormMethod.Post))
            {
                @Html.Label("Servicios:")
                <br />
                @Html.ListBoxFor(m => m.serviciosID, Model.listaServicios2, new { @class = "listboxServices", @data_listServices = "listaServicios" })
                <br />
                <input type="submit" value="Submit"/>
            }
        </div>
    </div>
<script type="text/javascript">
    $(document).ready(function () {
        $('.listboxServices').select2({
            includeSelectAllOption: true
        });
</script>

Эта часть печатает это:

Визуализированный код html выглядит следующим образом: Где выбранные параметры имеют класс "select2-selection__choice"

Так что, насколько я знаю, я хочу скрыть элементы, которых нет в выбранных элементах, я имею в виду, просто показывают элементы Houses, значение этого свойства которых равно ie. Я читал о том, как сделать это с помощью data-attributes, но представленный код html, кажется, не позволяет этого, поэтому я думал сделать это классом, но не уверен, даже с чего начать ... Я пробовал много вещей, но уверен не правильно применяется, поэтому я просто хочу немного о том, как это сделать.

И вот как выглядят выбранные параметры:

Большое спасибо !!

РЕДАКТИРОВАТЬ: Итак, теперь у меня есть массив js, в который я помещаю значения одного свойства, и теперь я думаю, что я должен использовать ajax, чтобы отправить этот массив только для печати тот элемент, который соответствует этому свойству, но я не знаю, как !!!

$('.listboxServices').select2({
            includeSelectAllOption: true

        });
         $('#HotelAvailSideFilterResult_serviciosID').on('change',function() {

              console.log($(this).val());
            });

Должен ли я сделать в этой части вызов ajax?