[WEB开发菜鸟求教2] 请教，类似于百度 GOOGLE的联想输入

Question

   小弟第一次做WEB开发    现在只是在做静态页面   客户要求让先做个静态页面看看    其中一项信息输入要实现类似于百度和GOOGLE的那种联想输入，即输入一个“a” 把以“a”开头的以下拉列表的方式列出来。
    我在网上看到的都是AJAX来做的    可我现在只是用到了Javascript和HTML............请问各位高手能实现这个功能么？
    如果能   能否给个例子来看看呢？小弟虚心受教....

Answer 1

      如果只是需要实现一个demo的话你可以用JS定义一个数组保存信息来实现。真正的效果当然是要使用AJAX来调用真实数据的

Answer 2

同意5楼。字符联想多是通过AJAX从后台调出来送到前端显示而且，WEB开发只做静态的怕不是长久之计，不妨开拓一下你的范围更好些

Answer 3

呃...因为现在就是给他做个DEMO看看    现在只是在做一个静态页面    因为现在只能用JS+html  所以很头疼   不知道该怎样实现...
如果有知道的大大还请帮帮忙..

Answer 4

如果需要检索数据库，肯定会用到Ajax技术，如果你只是做个简单的模仿的例子，把东西放到js数组里。显示就可以了。

Answer 5

他们都是从库中取出的搜索关键词，必须用AJAX也就是必须有个程序页面获取显示在下面的那些结果

Answer 6

如果只是演示，那就比较简单一些.给你个思路：<script>
var info="我的程序,我的演示,我的心得,haha,hehe,呵呵"
function LegentIt(s){
  var o=document.getElementById('aa');
  if (s==''){o.innerHTML='';return;}  var arr=info.split(',')
  var sHTML="";  for (var i=0;i<arr.length;i++){
    if(arr[i].indexOf(s)!=-1){
      sHTML+=arr[i]+"<br>"
    }
  }
  
  o.innerHTML=sHTML
} </script> <input type=text id=a name=a onpropertychange="javascript: LegentIt(this.value);" oninput="javascript: LegentIt(this.value);">
<div id=aa><div>

Answer 7

模仿163电子邮件autocomplete效果
查看效果点这里