Форум

Анатолий К · #1 (**permalink**) 20.01.2023, 11:41

Всем доброго времени суток!

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

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

Анатолий К · #2 (**permalink**) 20.01.2023, 11:51

рони · #3 (**permalink**) 20.01.2023, 14:56

Анатолий К,
кроме option вы грузите всякое разное в селектор.

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

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

в data приходит разная ... из которой jquery и браузер пытаются что-то создать)))

Анатолий К · #4 (**permalink**) 20.01.2023, 16:19

Сообщение от рони

Анатолий К,
кроме option вы грузите всякое разное в селектор.

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

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

в data приходит разная ... из которой jquery и браузер пытаются что-то создать)))

А что я еще подгружаю? Беру значение переменной из 1го селекта, гружу в AJAX и отправляю на сервер. Тут я не вижу ничего другого..

рони · #5 (**permalink**) 20.01.2023, 16:52

Сообщение от Анатолий К

А что я еще подгружаю?

страницу целиком, смотрите код на сервере.

рони · #6 (**permalink**) 20.01.2023, 16:56

Анатолий К,
это только небольшая часть, которая попадает в селектор на запрос по id=2

<option value="3">Ace</option><option value="4">Aceca</option><option value="5">Cobra</option><option value="6">Mamba</option><!DOCTYPE html>
<html lang="en">
<head>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <meta charset="utf ...

Анатолий К · #7 (**permalink**) 20.01.2023, 17:24

Сообщение от рони

Анатолий К,
это только небольшая часть, которая попадает в селектор на запрос по id=2

<option value="3">Ace</option><option value="4">Aceca</option><option value="5">Cobra</option><option value="6">Mamba</option><!DOCTYPE html>
<html lang="en">
<head>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <meta charset="utf ...

Как такое может происходить?

рони · #8 (**permalink**) 20.01.2023, 17:34

Сообщение от Анатолий К

Как такое может происходить?

где-то запятую забыли поставить, или что-то подобное, смотрите код формирования option

Анатолий К · #9 (**permalink**) 20.01.2023, 18:05

Сообщение от рони

где-то запятую забыли поставить, или что-то подобное, смотрите код формирования option

Большое спасибо за наводку, проблема оказалась в моем самописном MVC решении, отсюда и загружалась повторно страница. Проблема устранена)

Форум

Справочник

Discord чат

Курсы javascript