<div id="city_list" class="objlist">
  <div>Свердловск</div>
  <div>Светлоград</div>
</div>

<script>
var keyflag = - 1 ;
function insertToTextField(val){
	document.getElementById('city_text').value = val;
	//document.getElementById(regiontype).style.display = 'none';
}
function stylechange(el,bol){
	if(bol){
		el.style.backgroundColor = 'blue';
		el.style.color = 'white';
	}
	else{
		el.style.backgroundColor = 'white';
		el.style.color = 'black';
	}
}

function listkeyclick(list_id,kcode){
	var len = document.getElementById(list_id).childNodes.length; //сколько детишек в списке
	if (len>keyflag+ 1  && (kcode== 40  || kcode== 38 )){
		if (kcode ==  40 ) keyflag++;			//кнопка вниз
		else if (kcode ==  38 ) keyflag--;	//кнопка вверх
		insertToTextField(document.getElementById(list_id).childNodes[keyflag].innerHTML); //вставляем в текстовое поле
		stylechange(document.getElementById(list_id).childNodes[keyflag],true); //меняем стиль выбранного дива
	}
</script>
.................
<div onmouseout = 'city_vis=false;' onmouseover = 'city_vis=true;'> 
       <div id="hide_select" >
	     <input type="text" id="city_text" onkeyup="getObjList('town',this.value);" onclick="clickTextField('town',this.value);"  onkeydown = "listkeyclick('city_list',event.keyCode);" onfocus="keyflag = -1"/>
	</div>
        <div id="city_list" class="objlist" >
	</div>
</div>