Officeoff.ru,
код скрипта неполный -- html и тот неполный и c остатками php -- короче полная background-color - по коду не на том месте скрипта нужно брать данные и уточнить где именно
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
.item_h{
background-color: #FF00FF;
}
</style>
</head>
<body>
<div class='item'><div class='name'><input name='name' type='hidden' value='Название'></input><input name='price' type='hidden' value='550'></input><div class='gets'>Название</div></div><div class='price'>550</div></div>
<div class='item'><div class='name'><input name='name' type='hidden' value='Название2'></input><input name='price' type='hidden' value='750'></input><div class='gets'>Название2</div></div><div class='price'>750</div></div>
<input id="search_term" name="">
<script>
var arrayLi=[];
$('.item').each(function() {
arrayLi.push($(this));
});
var i=0,
number='',
count='undefined'!==typeof arrayLi?(arrayLi.length-1):0;
function onKeyDown(event) {
if(count!=0) {
if(38==event.keyCode) {
if(0<number) {
arrayLi[number].removeClass('item_h');
--number;
--i;
arrayLi[number].addClass('item_h');
}
}
else if(40==event.keyCode) {
if(i!=count) {
if(arrayLi[i].hasClass('item_h') && i<count) {
++i;
}
for(var l in arrayLi) {
if(number==l) {
arrayLi[number].removeClass('item_h');
}
if(l==i) {
number=i;
arrayLi[i].addClass('item_h');
}
}
}
}
var value = $("input[name='name']",'.item_h').val();
$('#search_term').val(value);
}
else {
return;
}
}
$('#search_term').keydown(onKeyDown)
</script>
</body>
</html>