Динамический вывод данных из базы MySQL при выборе опций в select

@golublue · Регистрация: 18.09.2017

Студворк — интернет-сервис помощи студентам

Вот смотрите: есть таблица users в БД, в ней две колонки - id и name. Я с помощью php делаю выпадающий список, в котором каждый option - строка из таблицы. Так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
<select name="player">
    <option value="0"></option>
    <?php
        $result = mysqli_query($link, "SELECT * FROM users");
        while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
    ?>
    <option value='<?php print "$row[id]" ?>'><?php print "$row[id]"; ?></option>
    <?php
        }
    ?>
</select>

Нужно, чтобы при выборе элемента с, например, id=1 под списком без обновления страницы выводилось связанное с этим id name из таблицы. В JS пока совсем не шарю, выручайте.

@Mr_Sergo · 09.04.2018, 02:06

Коннектимся:

PHP
1
2
3
4
$link = new mysqli('localhost','rootUser','11111','rootUser');
if($link->connect_error) {
    die('Error : ('. $link->connect_errno .') '. $link->connect_error);
}

Делаем выборку:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<select name="player" id="player">
    <?php
        $result = mysqli_query($link, "SELECT * FROM users");
        while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
    ?>
    <option id="<?php echo "$row[id]" ?>" value="<?php echo "$row[name]" ?>"><?php echo "$row[id]" ?></option>
    <?php
        }
    ?>
</select>
 
<div id="idName"></div>

Выводим связанное с этим id name в div с id="idName":

JavaScript
1
2
3
4
5
6
7
8
9
changePlayer();
 
function changePlayer(){
    var option = document.getElementsByTagName('select')[0];
    var idName = document.getElementById('idName');
    var player = document.getElementById('player');
    idName.innerHTML = option.value;
    player.onchange=function(){ idName.innerHTML = option.value; }
}

Новые блоги и статьи Все статьи Все блоги /
Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .	PowerShell Snippets iNNOKENTIY21 11.11.2025 Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .	PowerShell и онлайн сервисы. Валюта (floatrates.com руб.) iNNOKENTIY21 11.11.2025 PowerShell функция floatrates-rub Примеры вызова: # Указанная валюта 'EUR' floatrates-rub -Code 'EUR' # Список имеющихся кодов валют floatrates-rub -Available function floatrates-rub {
PowerShell и онлайн сервисы. Погода (RP5.ru) iNNOKENTIY21 11.11.2025 PowerShell функция Get-WeatherRP5rss для получения погоды с сервиса RP5 Примеры вызова Get-WeatherRP5rss с указанием id 5484 — Москва (восток, Измайлово) и переносом строки:. . .	PowerShell и онлайн сервисы. Погода (wttr) iNNOKENTIY21 11.11.2025 PowerShell Функция для получения погоды с сервиса wttr Примеры вызова: Погода в городе Омск с прогнозом на день, можно изменить прогноз на более дней, для этого надо поменять запрос:. . .	PowerShell и онлайн сервисы. Валюта (ЦБР) iNNOKENTIY21 11.11.2025 # Получение курса валют function cbr (] $Valutes = @('USD', 'EUR', 'CNY')) { $url = 'https:/ / www. cbr-xml-daily. ru/ daily_json. js' $data = Invoke-RestMethod -Uri $url $esc = 27 . . .	И решил я переделать этот ноут в машину для распределенных вычислений Programma_Boinc 09.11.2025 И решил я переделать этот ноут в машину для распределенных вычислений Всем привет. А вот мой компьютер, переделанный из ноутбука. Был у меня ноут асус 2011 года. Со временем корпус превратился. . .	Мысли в слух kumehtar 07.11.2025 Заметил среди людей, что по-настоящему верная дружба бывает между теми, с кем нечего делить.

Опции темы

Динамический вывод данных из базы MySQL при выборе опций в select

Решение