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

[gotoajax]

google suggest 当在文本框里输入字符时,在文本框下将出现一个浮动的div,这个div中自动搜索与输入字符相关的词(好似一个下拉菜单),点击每一项后就会使文本框的内容变成点击项内容

[Go 旅城通票]

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

[gotoajax]

楼上的兄弟,你说的是整体思路,我要的是现在已经取到了结果就是js显示这部分不会,想请教!

[nicholsky]

好高深。我也来学习下。

[Go 旅城通票]

在页面添加一个select,style="display:none"默认不可见

你得贴出你服务器返回的数据格式啊,是xml的话分析xml结构


然后处理你的select,设置这个select的multiple="multiple"和size,其中size的值为你的select的options的长度使这个select形成如同div的效果.然后计算这个select相对于搜索输入框的位置,显示在搜索输入框下面.最后给select加个onclick处理函数并显示这个select,设置选中的值添入搜索输入框中.

[Go 旅城通票]

 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来拆分参数.
   }

[weijiepeng]

mark

[gotoajax]

offsetLeft在FireFox里不好用

[gotoajax]

顶

[yzxlyd]

或者用一些控件简单些。