如何实现类似google 输入提示,

lsd123 2008-10-25 04:21:26

如何实现类似google 输入提示,

...全文

944 32 打赏收藏转发到动态举报

写回复

用AI写文章

32 条回复

切换为时间正序

请发表友善的回复…

发表回复

Larrylili 2010-05-27

打赏
举报

学习一下...

cln1127 2010-05-17

打赏
举报

[Quote=引用 24 楼 lsd123 的回复:]
.
[/Quote]
学习

szzwl 2008-11-20

打赏
举报

好多链接

lsd123 2008-11-19

打赏
举报

lsd123 2008-11-14

打赏
举报

lsd123 2008-11-13

打赏
举报

dandelionl 2008-11-04

打赏
举报

学习

lsd123 2008-11-03

打赏
举报

yeaky 2008-11-03

打赏
举报

Ajax输入提示框架（suggest framework）version0.31
我一直在用这个，挺好的，可以试试，我也看看有没有兄弟用更新的东东。

http://hi.baidu.com/yeakyang/blog/item/be3c8a235340f24a925807e6.html

晕啊，这个论坛也太冷了吧，一个月前的帖子还在。。。。

楼主，如果你非要用jquery的，也有。。。
jQuery quickSearch
http://www.lohas0756.com/supesite/html/00/n-7000.html

ace112212 2008-11-01

打赏
举报

晕不是复选框是叫复合框还是什么来着就是那个可以写和选的东西

ace112212 2008-11-01

打赏
举报

要用复选框的没有复选框不能做到一边 input 一边select

lsd123 2008-10-28

打赏
举报

strife013 2008-10-28

打赏
举报

我用过.net的autocomplete控件也不错

Go 旅城通票 2008-10-28

打赏
举报

http://country.lvyou168.cn/flashwariii/google

下载

lsd123 2008-10-28

打赏
举报

leiru 2008-10-28

打赏
举报

http://hi.baidu.com/yeakyang/blog/item/be3c8a235340f24a925807e6.html
原理是这样的。。具体看看上面的例子
text的值onchange激活js ，得到一个值，用ajax到后台处理，数据库中查一查相关的，
然后动态显示到页面就是了。

一天到晚游泳的鱼2016 2008-10-28

打赏
举报

原理：通过ajax异步条用后台生成的xml数据，前台通过js拆分读出，然后添加到div

只是模仿google suggest，功能没有那么强大。

楼主可以把我blog里的代码复制下来，连上你自己的数据库，试一试，应该能满足的需要

woshizn 2008-10-27

打赏
举报

text的值改变激活js ，你得到一个值，然后用ajax到后台处理，数据库中查一查相关的，
然后动态显示到页面就是了。
不难啊

梦宇飞 2008-10-27

打赏
举报

用 onkeyup 事件触发事件js
<input id="test" onkeyup=show_txt(selectval) >

function show_txt(selectval){
ajax请求.....

}

function createXMLHTTP() {//创建XMLHTTP 对象
var request;
var browser = navigator.appName;
//使用IE，则使用XMLHttp对象
if(browser == "Microsoft Internet Explorer") {
var arrVersions = ["Microsoft.XMLHttp", "MSXML2.XMLHttp.4.0",
"MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp","MSXML2.XMLHttp.5.0"];
for (var i=0; i < arrVersions.length; i++){
try
{
//从中找到一个支持的版本并建立XMLHttp对象
request = new ActiveXObject(arrVersions[i]);
return request;
}
catch(exception)
{
//异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例。");
return false;
}
}
}
else
{
//否则返回一个XMLHttpRequest对象
request = new XMLHttpRequest();
//有些版本的浏览器在处理服务器返回的未包含XML mime-type头部信息的内容时会报错，因此，要确保返回的内容包含text/xml信息。
if(request.overrideMimeType){
　　 request.overrideMimeType('text/html');
　 }
return request;
}
}
var req=createXMLHTTP();

function show_txt(selectval){
var url = "get_data.php?txt="+selectval+"&temp="+Math.random();
if(req){
req.open("GET",url, true);
req.onreadystatechange=show_info;
req.send(null);
}
}

function processRequest()
{
if(req.readyState == 4){
if(req.status == 200){
var txt= req.responseText; // 把这个值提示在提示区域即可

}
else
{
alert("请求页面发生异常!");
}
}
}

get_data.php-------- get_data.asp
的内容你自己根据自己的需要编写代码
select txt from info where get_txt='".$GET["txt"]."';
echo $rs[txt];
response.write rs("txt")

asp 也一样

lsd123 2008-10-27