Живой поиск. Как реализовать дополнительное заполнения полей (input)

@lucku · Регистрация: 11.12.2017

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

Есть живой поиск, т.е. когда ввожу в поле input названия товара, он по первым буквам предлагает варианты из БД. При выборе одного из вариантов, выбранный заноситься в поле name="referal".
В базе есть еще дополнительные поля, такие как кол-во и сумма, подскажите пожалуйста, как можно реализовать дополнительную функцию, чтобы при выборе одного из вариантов, в другие input автоматически заносилась дополнительная информация.
----

search php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
....//
подключение к базе
....//
if(!empty($_POST["referal"])){ //Принимаем данные
 
    $referal = trim(strip_tags(stripcslashes(htmlspecialchars($_POST["referal"]))));
 
    $db_referal = $inDB -> query("SELECT * from TABLE WHERE title LIKE '%$referal%'")
    or die('Ошибка №'.__LINE__.'<br>Обратитесь к администратору сайта пожалуйста, сообщив номер ошибки.');
 
    while ($row = $db_referal -> fetch_array()) {
        echo "\n<li>".$row["title"]."</li>";
    }
}

search js

JavaScript
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
$(function(){
    
//Живой поиск
$('.who').bind("change keyup input click", function() {
    if(this.value.length >= 1){
        $.ajax({
            type: 'post',
            url: "/components/shop/search/search.php", //Путь к обработчику
            data: {'referal':this.value},
            response: 'text',
            success: function(data){
                $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
           }
       })
    }
})
    
$(".search_result").hover(function(){
    $(".who").blur(); //Убираем фокус с input
})
    
//При выборе результата поиска, прячем список и заносим выбранный результат в input
$(".search_result").on("click", "li", function(){
    s_user = $(this).text();
    //$(".who").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
$(".who").val(s_user);
    $(".search_result").fadeOut();
})
 
})

search html

HTML5
1
2
<div class="adddogin"><input type="text" name="referal" placeholder="Введите наименование" value="" class="who text-input"  autocomplete="off"></div>
<ul class="search_result"></ul>

@Warrero · 11.12.2017, 21:37

Не понял Ваш вопрос.

@lucku · 11.12.2017, 21:44 **[ТС]**

Есть база mysql в нем есть поля
id title summ kolvo
1 Обои 1200 4
2 Потолки 1400 7

есть функция живой поиск, т.е. по первым буквам выводит варианты, и кликнув на нужный заносит его в input value.
мне необходимо реализовать чтобы при выборе "обои", в другие поля input заносилась дополнительная информация о товаре, например сумма
1. input value="обои" name="title"
2. input value="1200" name="summ"

Новые блоги и статьи Все статьи Все блоги /
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@Warrero 2 / 2 / 0 Регистрация: 06.12.2017 Сообщений: 33
	11.12.2017, 21:37
	Не понял Ваш вопрос. 0

@lucku 0 / 0 / 0 Регистрация: 11.12.2017 Сообщений: 2
	11.12.2017, 21:44 [ТС]
	Есть база mysql в нем есть поля id title summ kolvo 1 Обои 1200 4 2 Потолки 1400 7 есть функция живой поиск, т.е. по первым буквам выводит варианты, и кликнув на нужный заносит его в input value. мне необходимо реализовать чтобы при выборе "обои", в другие поля input заносилась дополнительная информация о товаре, например сумма 1. input value="обои" name="title" 2. input value="1200" name="summ" 0