4个回答
展开全部
是不是出现下拉内容 然后要使用键盘上的上下键 高亮 回车将高亮的内容显示在搜索框中？
追问
对
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
.current{background-color:red}
</style>
</head>
<body>
<input id="SearchResult" type="text"/>
<ul id="ulSearch">
<li>中海创集团</li>
<li>福大自动化</li>
<li>奥迈软件</li>
<li>自控规划部</li>
<li>爱普科技</li>
<li>IAP</li>
<li>ISEE</li>
<li>联排联调</li>
<li>水系</li>
<li>云计算</li>
</ul>
<script>
var list = document.getElementById("ulSearch").getElementsByTagName("li");
var index = -1;
function addIndex() {
index = index>=9 ? 0 : ++index;
return index;
}
function reduceIndex() {
index = index <= 0 ? 9 : --index;
return index;
}
document.onkeydown = function(e) {
e = e || window.event;
switch(e.keyCode){
case 13:
var t = document.getElementById("ulSearch").getElementsByTagName("li")[index].innerHTML;
document.getElementById("SearchResult").value = t;
break;
case 38:
reduceIndex();
setLiColorByClass();
break;
case 40:
addIndex();
setLiColorByClass();
break;
}
function setLiColorByClass(){
for(var i = 0,len=list.length; i<len; i++) {
list[i].className = i==index ? "current" : "";
}
}
};
</script>
</body>
</html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
.current{background-color:red}
</style>
</head>
<body>
<input id="SearchResult" type="text"/>
<ul id="ulSearch">
<li>中海创集团</li>
<li>福大自动化</li>
<li>奥迈软件</li>
<li>自控规划部</li>
<li>爱普科技</li>
<li>IAP</li>
<li>ISEE</li>
<li>联排联调</li>
<li>水系</li>
<li>云计算</li>
</ul>
<script>
var list = document.getElementById("ulSearch").getElementsByTagName("li");
var index = -1;
function addIndex() {
index = index>=9 ? 0 : ++index;
return index;
}
function reduceIndex() {
index = index <= 0 ? 9 : --index;
return index;
}
document.onkeydown = function(e) {
e = e || window.event;
switch(e.keyCode){
case 13:
var t = document.getElementById("ulSearch").getElementsByTagName("li")[index].innerHTML;
document.getElementById("SearchResult").value = t;
break;
case 38:
reduceIndex();
setLiColorByClass();
break;
case 40:
addIndex();
setLiColorByClass();
break;
}
function setLiColorByClass(){
for(var i = 0,len=list.length; i<len; i++) {
list[i].className = i==index ? "current" : "";
}
}
};
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是想获取键盘事件么？那你自己在网上查一下keyCode，然后自己写js
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你上网搜ajax自动补全。那个是自动补全技术
追问
我不是要补全的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
