Загрузка из БД в текстовое поле при вводе

@Ильгиз95 · Регистрация: 13.02.2013

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

как при вводе пользователя в текстовое поле вывести варианты выбора из бд по определенному столбцу
Например: пользователь вводит букву "Ж" в текстовое поле, после чего без всяких нажатий вывести как выпадающие варианты выбора из бд на букву "Ж", т.е. "Журавлев, Жукина, Жавахина" и тд.
Базу создал
вот форма и скрипт
Форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<?php
include('bd/bd.php');
include('index.php');
  $value = urldecode($_GET['pishi']);
  ?>
<link href="Stil/vspl.css" rel="stylesheet" type="text/css" />
<link href="Stil/style.css" rel="stylesheet" type="text/css">
 
<pre>                            <span class="стиль2">Поиск по фамилии:</span></pre>
<FORM ACTION="bloks/poisk_contacts/searchfo.php" METHOD="get" target="tab">
  <pre>                              <input name="pishi" type="text" value="<?php if (isset($value)) echo htmlspecialchars($value) ?>" size="20" maxlength="50" /><input type="submit"  value="Найти">
  </pre>
</FORM>

скрипт:

PHP
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
<?
include ("../../bd/bd.php");
  $value = urldecode($_GET['pishi']);
$sql = "SELECT kod, number, internal_number, fax, fio, post, department FROM telef_spr WHERE last_name LIKE '{$value}' ORDER BY number ";
$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе данных.');
$title = 'Результаты поиска';
  //номера
  if (mysql_num_rows($res)) {
   echo '<table border="1" bordercolor="#0099CC">';
  echo '<thead>';
  echo '<tr>';
  echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Код</span></th>
  ';
  echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Номер</span></th>
  ';
     echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Внутренний номер</span></th>
  ';
  echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Факс</span></th>
  ';
  echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Ф.И.О</span></th>
  ';
  echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Должность</span></th>
  ';
    echo '<th bordercolor="#0066CC" background="../../img/2pix.png"><span class="стиль3">Отдел</span></th>
    ';
  echo '</tr>';
  echo '
  <tbody>';
while($data = mysql_fetch_array($res)){ 
    echo '<tr>';
    echo '<td bordercolor="#0066CC">' . $data['kod'] . '</td>';
    echo '<td bordercolor="#0066CC">' . $data['internal_number'] . '</td>'; 
    echo '<td bordercolor="#0066CC">' . $data['number'] . '</td>';
    echo '<td bordercolor="#0066CC">' . $data['fax'] . '</td>';
    echo '<td bordercolor="#0066CC">' . $data['fio'] . '</td>';
    echo '<td bordercolor="#0066CC">' . $data['post'] . '</td>';
    echo '<td bordercolor="#0066CC">' . $data['department'] . '</td>';
    echo '</tr>';
  }
  
    echo '</tbody>';
  echo '</table>
   ';
 
    // закрываем соединение с сервером  базы данных
    mysql_close($db);
     }
    ?>

crautcher · 11.06.2015, 17:05

Сообщение от Ильгиз95

как при вводе пользователя в текстовое поле вывести варианты выбора из бд по определенному столбцу

Сделать ajax запрос к скрипту, который достанет данные из базы, а затем ответ скрипта вывести в виде посдказки. "ajax live search" гуглите для примеров

@Ильгиз95 · 15.06.2015, 10:41 **[ТС]**

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

ajax запрос к скрипту

почему ошибку выводит, вроде все правильно
вот php скрипт

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
    $q=$_GET['q'];
    $my_data=mysql_real_escape_string($q);
    $mysqli=mysql_connect("localhost","Ilgiz","12345") or die("Database Error");
    mysql_select_db("ngiei_telephone_spravochnik",$db);
    $sql="SELECT name FROM tag WHERE name LIKE '%$my_data%' ORDER BY name";
    $result = mysqli_query($mysqli,$sql) or die(mysqli_error());
    
    if($result)
    {
        while($row=mysqli_fetch_array($result))
        {
            echo $row['name']."\n";
        }
    }
?>

сам индекс

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Auto Complete Input box</title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
 $("#tag").autocomplete("autocomplete.php", {
        selectFirst: true
    });
});
</script>
</head>
 
<body>
    <label>Tag:</label>
    <input name="tag" type="text" id="tag" size="20"/>
</body>
</html>

стилистика

CSS
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
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}
 
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}
 
.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}
 
.ac_odd {
    background-color: #eee;
}
 
.ac_over {
    background-color: #0A246A;
    color: white;
}

@Ильгиз95 · 15.06.2015, 10:46 **[ТС]**

Вот все файлы
В картинке та самая ошибка

@fanatikus · 16.06.2015, 11:09

Сообщение от Ильгиз95

$mysqli=mysql_connect("localhost","Ilgiz ","12345") or die("Database Error"); mysql_select_db("ngiei_telephone_spravoc hnik",$db);

PHP
1
2
3
$mysqli=mysql_connect("localhost","Ilgiz","12345") or die("Database Error"); 
 
mysql_select_db("ngiei_telephone_spravochnik",$mysqli);

@Ильгиз95 · 18.06.2015, 12:16 **[ТС]**

[quote="fanatikus;7767830"]
Вот такая ошибка теперь выводит
Warning: mysqli_query() expects parameter 1 to be mysqli, resource given in X:\home\localhost\www\q\autocomplete. php on line 7

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
    $q=$_GET['q'];
    $my_data=mysql_real_escape_string($q);
    $mysqli=mysql_connect("localhost","Ilgiz","12345") or die("Database Error");
    mysql_select_db("ngiei_telephone_spravochnik",$mysqli);
    $sql="SELECT name FROM tag WHERE name LIKE '%$my_data%' ORDER BY name";
    $result = mysqli_query($mysqli,$sql) or die(mysqli_error());
    
    if($result)
    {
        while($row=mysqli_fetch_array($result))
        {
            echo $row['name']."\n";
        }
    }
?>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .