Разногласие в работоспособности JS, как исправить?

Question

[okha22]

Cделал 2 связанных выпадающих списка select (выгрузка данных из MYSQL, связка «Марка-Модель» авто. Работает следующим образом: выгружаем марки авто в 1 список, 2 список по умолчанию пуст. При выборе из 1-го списка Марки, во 2 список, на основе выбранной марки, автоматически выгружаются из БД модели данной марки. Все работает идеально. Проблема в следующем: как только мы выбираем марку из 1го списка, на странице перестают работать другие JS элементы (выпадающий список, кнопка открытия меню и т.д.) Используемый CSS-фреймворк BootStrap 5.

Проблемная страница: https://avdocs.ru/market (Не реклама)

Comments

[Вадим]

У Вас там какая-то жутка жуть происходит.
При выборе в селекте чуть ли не все скрипты и стили перезагружаются.
Посмотрите вкладку network.

Answer 1

[Егор Живагин]

У вас в консоли ошибка никакая не возникает?

Upd: проверил, не возникает

Без кода подсказать что-то очень сложно

Comments

[okha22]

Возникает, но не ошибка, а предупреждение: Deprecated Feature Used! Появляется, когда в 1м списке - выбираешь марку авто.

Вот исходный JS

$("#aBrand").change(function()
{
    var country = $(this).val();
    $.ajax({

        type: 'POST',      
        url: '/ajax',
        data: 'id='+country,
        success: function(data) 
        {
            $('#model').html(data);
        }
    });
});

[Евгений Журов]

okha22, а как выглядит обработчик на клик по этой самой кнопке? Он как-то связан с #model? Если да, то скорей всего дело в том, что вы переписали содержимое #model (т.е. по сути удалили связанный с кнопкой элемент), и теперь кнопке нечего обрабатывать. То, что положено в #model - это уже новый элемент, о котором кнопка ничего не знает.

UPD. Хотя нет, там, похоже, просто косяк с двойным присвоением стилей. Если открыть Elements и посмотреть, что происходит при клике - то видно, что кнопке постоянно присваивается aria-expanded="false", и выпадающий список всегда остается display: none

[okha22]

Евгений Журов, нет, не связан с #model. Это просто кнопка выпадающего списка, некая сортировка данных из БД.