Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/11: Рейтинг темы: голосов - 11, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 30.10.2016
Сообщений: 41

Связанные списки ajax+php

04.02.2019, 14:49. Показов 2228. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сделал 2 связанных списка, но не понимаю как привязать третий, буду благодарен любой помощи.
Index.php
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', '');
define('DB_NAME', 'mvc');
$pdo = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME.';charset=utf8', DB_USER, DB_PASS);
$res = $pdo->query('SELECT DISTINCT themes FROM books WHERE themes IS NOT NULL');
$themes = $res->fetchAll(PDO::FETCH_COLUMN);
?>
 
<form id="form-books">
    <select name="themes" id="themes">
        <?
        foreach($themes as $theme){
            ?>
            <option value="<?=$theme?>"><?=$theme?></option>
            <?
        }
        ?>
    </select>
    <select name="category" id="category"></select>
    <select name="book" id="book"></select>
</form>
 
 
<script>
    const themes = document.getElementById('themes');
    const category = document.getElementById('category');
    const book = document.getElementById('book');
 
    themes.addEventListener('change', function(e){
        let selectTheme = themes.options[themes.selectedIndex].value;
        let req = new XMLHttpRequest();
        req.addEventListener('readystatechange', function(){
            if(req.readyState == 4){
                if(req.status == 200){
                    let response = JSON.parse(req.responseText);
                    // let str = '';
                    // for(let i = 0; i< response.length; i++){
                    //     str+=`<option value="${response[i]}">${response[i]}</option>`;
                    // }
                    let str = response.reduce(function(s, current){
                        return s+`<option value="${current}">${current}</option>`;
                    },'');
                    category.innerHTML = str;
                }
            }
        });
        req.open('POST', 'functions.php', true);
        req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        req.send('theme='+selectTheme+ '&func=getCategories');
    });
    
</script>
functions.php
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', '');
define('DB_NAME', 'mvc');
$pdo = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME.';charset=utf8', DB_USER, DB_PASS);
$func = isset($_POST['func'])?$_POST['func']:null;
if($func){
    $func();
}
function getCategories(){
    global $pdo;
    $theme = $_POST['theme'];
    $pz = $pdo->prepare('SELECT DISTINCT category FROM books WHERE category IS NOT NULL AND themes=?');
    $pz->execute([$theme]);
    $categories = $pz->fetchAll(PDO::FETCH_COLUMN);
    echo json_encode($categories);
}
 
?>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
04.02.2019, 14:49
Ответы с готовыми решениями:

Связанные списки Ajax + PHP
Здраствуйте форумчани уже больше месяца долблю себе мозг как сделать связанные выпадающие списки, сделать два селекта получилось, но в...

PHP + AJAX + MySQL и выпадающие списки
base.php &lt;script&gt; function selectPrib(){ var id_prib = $('select').val(); if(!id_prib){ ...

Связанные списки
Раздобыл пример, собрал его в единое целое, а он отказывается работать. Есть база данных. и три файла. index.php &lt;head&gt; ...

2
 Аватар для tarasalk
1992 / 1216 / 440
Регистрация: 13.06.2013
Сообщений: 4,115
04.02.2019, 19:39
Цитата Сообщение от tarik_azizov Посмотреть сообщение
Сделал 2 связанных списка, но не понимаю как привязать третий
Так же. Вешаете обработчик события change на второй селект и меняете третий.

PHP
1
2
3
4
$func = isset($_POST['func'])?$_POST['func']:null;
if($func){
    $func();
}
А это у вас супер дыра в безопасности. По сути вы даете пользователю возможность выполнять любой PHP код.
1
0 / 0 / 0
Регистрация: 30.10.2016
Сообщений: 41
05.02.2019, 00:21  [ТС]
Я просто пробовал и постоянно натыкался на одну и ту же ошибку "syntax error unexpected token in json at position 0 at json.parse".

Добавлено через 4 часа 36 минут
Вопрос решен
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.02.2019, 00:21
Помогаю со студенческими работами здесь

Связанные выпадающие списки
Есть статичный список который не меняется, при выборе в нем, второй список должен загрузить данные из бд, однако все данные хоронится в...

Ajax, связанные селекты
Сложно сформировать вопрос, но попробую. Есть 2 элемента &lt;select&gt;. В одном из бд беру регионы, а в другом города. Города выводятся в...

Через ajax в url:'ajax.php', нужно передать одну переменную, и значение radio кнопки
Как значение radio передать я разобрался, а вот как еще переменную со страницы кинуть в url: ajax.php Всем спасибо

PHP с ajax, или PHP и замена кода
Всем привет, делаю себе не большой движок, для удобства редактирования своего лендинга. Я использую шаблонизатор smarty, и решил сделать...

вывожу зависимые списки по средствам технологии AJAX, застрял с <select disabled>
У меня есть два селекта и когда первый селект не выбран, то у второго стоит атрибут desibled. Когда выбран первый селект, у второго должен...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru