Форум сайта MyRusakov.ru

Михаил пожалуйста помогите с кодом.
Хочу такой результат: http://www.jelu.ru/upload/tutorial/suggest/script.html
С помощью AJAX подгружаются данные из БД,если они совпадают с данными,кот ввел пользователь в поле формы для поиска. С этим проблем нет.
Никак не получается выбрать нужный вариант с помощью стрелок "вверх","вниз".

<div class="search_area">
<form action="ajax.php" method="POST">
<input type="text" name="search" id="search" value="" autocomplete="off">
<input type="submit" value="Поиск">

</form>
<div class="rew"></div> // сюда подгружаются данные поиска.
</div>

$("#search".keydown(function(event){
switch(event.keyCode) {

// делаем переход по подсказке стрелочками клавиатуры
case 38: // стрелка вверх
case 40: // стрелка вниз

}
break;
}
});
Этот код не могу до работоспособности довести. Данные подгружаются сюда <div class="rew"></div>, значит выбирать вариант поиска надо
$(".rew"? Наведите на мысль.

Где case, надо выделять выбранный элемент (например, ставить синий фон), возможно, так же надо будет в текстовое поле добавить значение выбранного элемента. Также потребуется хранение в глобальной переменной текущего выбранного элемента. Двигайтесь постепенно и для начала добейтесь вообще реакции на нажатие стрелок, вызвав alert() в соответствующем case.

С alert это одно:

<script type="text/javascript">
$(document).ready(function(){
$("#search".keydown(function(event){
switch(event.keyCode){
case 38:
alert(" Нажата клавиша 38";
break;
case 40:
alert(" Нажата клавиша 40";
break;
}

})

});
</script>
А вот как перемещаться с помощью стрелки это другое! Я не могу ее заставить двигаться.
Так?
<script type="text/javascript">
$(document).ready(function(){
$("#search".keydown(function(event){
switch(event.keyCode){
case 38:
$('.rew').addClass('active');
break;
case 40:
$('.rew').addClass('active');
break;
}

})

});
</script>
Пожалуйста помогите заставить код работать,я только учусь.

Куда подгружаются данные из БД это должно быть текстовое поле или не обязательно?

Данные из базы у Вас загружаются в отдельный блок. Задача очень сложная, раз только учитесь. Нужно вывести элементы в блок все результаты в определённом формате, далее эти же данные надо перебирать при каждом нажатии на стрелку, воспользовавшись DOM или JQuery. Найдя active, удалить его и поставить у следующего такого же элемента или у предыдущего, в зависимости от того, на какую стрелку нажали.

Спасибо,буду пробовать!

Подскажите пожалуйста, в каком формате надо вывести результаты в блок из БД?

В любом, но чтобы он был постоянный, например так:
<p>Вариант 1</p>
<p>Вариант 2</p>
<p>Вариант 3</p>