Перейти к содержимому



Форма с выпадающим списком ввиде подсказки

#1 kolesgan

kolesgan
  • Пользователь
  • 73 сообщений
  • Репутация: 0
0

Отправлено 01 Январь 2011 - 17:05

Как сделать форму, при наборе первых букв города появлялся выпадающий спсиок ввиде подсказки, как например в яндексе?

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Вывод из базы в выпадающий список
  2. Зависимый двухуровневый выпадающий список
  3. Как поймать выбранное значение из выпадающего списка
  4. Создать два связанных выпадающих списка
  5. Выпадающий список с переходом на страницу

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 01 Январь 2011 - 17:19

где-то я видел этот пост, попробуй это:

http://www.linkexcha...39.html#more-39

http://mabp.kiev.ua/...8/autocomplete/
http://www.vulgariso...mplete-library/
http://docs.jquery.c...ns/AutoComplete
  • 0

#3 kolesgan

kolesgan
    Topic Starter
  • Пользователь
  • 73 сообщений
  • Репутация: 0

Отправлено 02 Январь 2011 - 17:07

скачал и сделал первый вариант. сделал вывод городов из базы. получиломь:

<? include ("../bloks/bd.php"); ?>
<!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=windows-1251" />
<title>Untitled Document</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// --- Автозаполнение ---
$("#example").autocompleteArray([
<? $result = mysql_query("SELECT id,gorod FROM pro1 ORDER BY gorod",$db);

if (!$result)
{
echo "<p>Запрос на выборку данных из базы не прошел. Напишите об этом администратору <br> <strong>Код ошибки:</strong></p>";
exit(mysql_error());
}

if (mysql_num_rows($result) > 0)

{
$myrow = mysql_fetch_array($result);

do
{
printf ("'%s',", $myrow["gorod"]);



}
while ($myrow = mysql_fetch_array($result));



}

else
{
echo "<p>Информация по запросу не может быть извлечена в таблице нет записей.</p>";
exit();
}

?>
],
{
delay:10,
minChars:1,
matchSubset:1,
autoFill:true,
maxItemsToShow:10
}
);
// --- Автозаполнение ---


function liFormat (row, i, num) {
var result = row[0] + '<p class=qnt>' + row[1] + ' тыс.чел.</p>';
return result;
}
function selectItem(li) {
if( li == null ) var sValue = 'А ничего не выбрано!';
if( !!li.extra ) var sValue = li.extra[2];
else var sValue = li.selectValue;
alert("Выбрана запись с ID: " + sValue);
}
});
</script>
</head>
<body>
<p>
<input type="text" id="example" />
</p>

</body>
</html>
как сделать отправку данных в файл view_cat.php?id= методом GET после выбора города при нажатии Enter
  • 0

#4 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 02 Январь 2011 - 17:42

как сделать отправку данных в файл view_cat.php?id= методом GET после выбора города при нажатии Enter

Поместить поле формы:
<input type="text" id="example" />
в форму, добавить кнопку для отправления данных и передавать нужным методом:
<form method="get" action="">
<input type="text" name="id" id="example" />
<input type="submit" value="Передать" />
</form>
<?php

// тестируем вывод $id, полученной методом GET
echo $_GET['id'];

?>

  • 0


#5 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 03 Январь 2011 - 00:37

matroskin8, вы не указали view_cat.php в атрибуте action ;)
kolesgan, ужасный скрипт, вспоминается мои первые попытки свести вместе PHP и Javascript (проверка возможности использования логина без перезагрузки), тоже печатал с помощью PHP массив в JavaScript. Когда есть Ajax с XML или Json, то подобные махинации ужасны ;) ИМХО
  • 0


Оформление форума – IPBSkins.ru