Всем привет. Пишу поиск по xml файлу. Есть вопрос, как выделять подсказки при помощи клавиатуры?
Есть форма
<form id='searchform' method='post' autocomplete='off'>
<input type='text' name='search_term' id='search_term' class='search' placeholder='Поиск...'/>
</form>
<div id='result'></div>
JS отправляет данные в php файл
$(document).ready(function(){
$("#result").slideUp();
$("#search_term").keyup(function(e){
e.preventDefault();
ajax_search();
});
});
function ajax_search(){
$("#result").show();
var val=$("#search_term").val();
$.post("/design/search.php", {search_term : val}, function(data){
if (data.length>0){
$("#result").html(data);
}
})
}
Ну и в Php файле идет поиск
$string .= "<table class='search_t' cellspacing='0' cellpadding='0'>";
foreach ($yml->shop->offers->offer as $item) {
if (stripos($item->name, $name)) {
$string .= "<tr class='item'><td width='500'></td> <td width='60'>$item->price</td><td><input type='hidden' value='$item->name'></input></td><td><input name='name' type='hidden' value='$item->name'></input><input name='price' type='hidden' value='$item->price'></input><div class='get'>$item->name</div></td>";
$found = $item;
$i++;
}
if($i>15) break;
}
$string .= "</table>";
echo $string;
При вводе данных в инпут, все данные отображаются в div. Но хотелось бы поставить управление при помощи стрелок вверх вниз.
Как сделать не понимаю.
Пытался обработать примерно так, но не работает:
$('#search_term').keydown(function(e){
if(e.which ==38){
Подскажите плиз.