如何生成类似google suggest那样的效果

Question

ajax查询输入的关键字,然后返回结果,用js分析结果然后显示

Answer 1

在页面添加一个select,style="display:none"默认不可见你得贴出你服务器返回的数据格式啊,是xml的话分析xml结构
然后处理你的select,设置这个select的multiple="multiple"和size,其中size的值为你的select的options的长度使这个select形成如同div的效果.然后计算这个select相对于搜索输入框的位置,显示在搜索输入框下面.最后给select加个onclick处理函数并显示这个select,设置选中的值添入搜索输入框中.

Answer 2

    function GetAbsolutePostion()'返回相对某个控件的绝对位置的函数
   {
     var x,y;
     var o=document.getElementById('搜索输入框ID');
     x=o.offsetLeft;
     y=o.offsetTop;
     while(o=o.offsetParent)
     {
       x+=o.offsetLeft;
       y+=o.offsetTop;
     }
     return x+"|"+y;//返回绝对位置x,y的数值,你要用split来拆分参数.
   }