小问题,你懂的~~~谢谢您啦

yuxiivy 2012-08-06 10:57:19
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style type="text/css">
input{
font-size:12px;
border:1px solid #000000;
width:200px;
padding:1px;
margin:0px;
}
#popup{
position:absolute;
width:202px;
color:#004a7e;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
left:104px;
top:28px;
}
#popup.show{
border:1px solid #004a7e;
}
#popup.hide{
border:none;
}
ul{
list-style:none;
margin:0px;
padding:0px;
}
li.mouseover{
background-color:#004a7e;
color:#ffffff;
}
li.mouseout{
background-color:#ffffff;
color:#004a7e;
}
</style>

<script language="JavaScript" type="text/JavaScript">
var oInputField;
var oPopDiv;
var oColorsUl;
var aColors=["red","green","blue","darkgreen","darkblue"];
aColors.sort();

function initVars(){
oInputField=document.forms["myForm1"].colors;
oPopDiv=document.getElementById("popup");
oColorsUl=document.getElementById("colors_ul");
}

function findColors(){
initVars();
if(oInputField.value.length > 0){
var aResult=new Array();
for (var i=0; i<aColors.length ;i++ )
{
if(aColors[i].indexOf(oInputField.value)==0)
aResult.push(aColors[i]);
}
if(aResult.length>0)
setColors(aResult);
else
clearColors();
}
else
clearColors();
}

function clearColors(){
for(var i=oColorsUl.childNodes.length-1;i>=0;i--)
oColorsUl.removeChild(oColorsUl.childNodes[i]);
oPopDiv.className="hide";
}

function setColors(the_colors){
clearColors();
oPopDiv.className="show";
var oLi;
for (var i=0;i< the_colors.length;i++ )
{
oLi =document.creatElement("li");
oColorsUl.appendChild(oLi);
oLi.appendChild(document.createTextNode(the_colors[i]));
oLi.onmouseover=function(){
this.className="mouseOver"
}
oLi.onmouseout=function(){
this.className="mouseOut"
}
oLi.onclick=function(){
oInputField.value=this.firstChild.nodeValue;
clearColors();
}
}
}

</script>

</head>

<body>

<form method="post" name="myForm1">
请选择颜色:<input type="text" name="colors" id="colors" onkeyup="findColors()" / >
</form>

<div id="popup">
<ul id="colors_ul"><ul>
</div>


</body>
</html>
。。。。想实现输入提示功能,就是类似 你在百度 输入 “奥”下面会显示 “奥运”“奥运中国”等提示~~~~但是貌似这段代码不能显示出提示~~~找了半天错~没找出来~~~~~~~求指导~~谢谢您啦!!js初学者。。。不容易
...全文
193 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
yuxiivy 2012-08-07
  • 打赏
  • 举报
回复
。。。最后!!OK了!!!谢谢您了!~~[Quote=引用 5 楼 的回复:]

哥们 仔细点啊
JScript code

oLi =document.createElement("li");


你单词错了~~
[/Quote]
yuxiivy 2012-08-07
  • 打赏
  • 举报
回复
..这段代码里是错的~~~但我昨天改了~~~~~~还不行额~~~~~麻烦您了[Quote=引用 5 楼 的回复:]

哥们 仔细点啊
JScript code

oLi =document.createElement("li");


你单词错了~~
[/Quote]
awanghjun 2012-08-07
  • 打赏
  • 举报
回复
哥们 仔细点啊

oLi =document.createElement("li");

你单词错了~~
yuxiivy 2012-08-07
  • 打赏
  • 举报
回复
.... 这思路很清晰的么~~~~~[Quote=引用 2 楼 的回复:]

我看LZ的程序感觉脑细胞都拧在一起了。
麻烦逻辑清晰一点吧。
[/Quote]
joybee007 2012-08-07
  • 打赏
  • 举报
回复
我看LZ的程序感觉脑细胞都拧在一起了。
麻烦逻辑清晰一点吧。
bugknightyyp 2012-08-07
  • 打赏
  • 举报
回复
百度去搜索 autocomplete插件

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧