求搜索框输入拼音显示相关文字提示原理(有源码实例更好) 在input输入框中输入拼音“s”,在数据库中存在的已有文字信息的前缀就与之匹配,弹出一个像baidu首页(其实就是它那首页的那种功能··只不过需要显示的是自己数据中相关字段的信息)那种效果的下拉框把相关的汉字信息列出来供用户选择。可以用箭头上下选择,也可以用鼠标选择。静候中~~~~ 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 原理是当用户输入时,触发修改事件,用Ajax提交给后台数据库查询,然后再返回到页面输入框中。几个关键点:1) 输入框的onChange事件,获取输入值2) 用xmlhttp异步方式提交给后台php程序3) php处理数据库查询4) php程序返回结果给页面5) xmlhttp的返回处理函数更新输入框下面的悬浮下拉框但是具体实现需要花点时间。 同意樓上的,應該用的是AJAX吧 现成的东西jquery.autocomplete<script type="text/javascript" src="js/jquery.js"></script><script type='text/javascript' src='js/jquery.ajaxQueue.js'></script><script type='text/javascript' src='js/jquery.autocomplete.js'></script><link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" /><script language="javascript">jQuery.noConflict();jQuery(document).ready(function($){ $(".autocomplete").autocomplete("$basename&cjob=searchxck", { minChars: 2, dataType: "json", width: 450, scrollHeight: 180, max: 50, selectFirst: false, matchContains: "word", autoFill: false, formatItem: function(row, i, max) { return i + "/" + max + ": [" + row['number'] + "] " + row['name'] + ""; }, parse: function(data){ var parsed = []; var rows = data; for (var i=0; i < rows.length; i++) { var row = rows[i]; if (row) { parsed[parsed.length] = { data: row, value: row['name'], result: row['name'] }; } } return parsed; }, }); $(".autocomplete").result(function(event, data, formatted) { if(data){ var id=$(this).attr("id"); id=id.replace("name","content"); $("#"+id).val(data['content']); } });});</script> 10000元 外包一个网站SS7+UChome 求教一个正则的问题 wordpress图片IE/GOOGLE上能显示 、在ff/opera无法显示,寻求帮助 PHP中一个非常奇怪的问题 怎么单独设定php接受的值的字体颜色? 遇到个问题,关于中文站英文站切换不重新登陆的 新手求救 托管服务器测试 安装PHP5.3.28后网站打不开 PHP虚心请教..怎么通过wamp使用thinkphp Extjs session 如何实现php对mysql表的批量修改????
几个关键点:
1) 输入框的onChange事件,获取输入值
2) 用xmlhttp异步方式提交给后台php程序
3) php处理数据库查询
4) php程序返回结果给页面
5) xmlhttp的返回处理函数更新输入框下面的悬浮下拉框但是具体实现需要花点时间。
<script type='text/javascript' src='js/jquery.ajaxQueue.js'></script>
<script type='text/javascript' src='js/jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" />
<script language="javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
$(".autocomplete").autocomplete("$basename&cjob=searchxck", {
minChars: 2,
dataType: "json",
width: 450,
scrollHeight: 180,
max: 50,
selectFirst: false,
matchContains: "word",
autoFill: false,
formatItem: function(row, i, max) {
return i + "/" + max + ": [" + row['number'] + "] " + row['name'] + "";
},
parse: function(data){
var parsed = [];
var rows = data;
for (var i=0; i < rows.length; i++) {
var row = rows[i];
if (row) {
parsed[parsed.length] = {
data: row,
value: row['name'],
result: row['name']
};
}
}
return parsed;
},
});
$(".autocomplete").result(function(event, data, formatted) {
if(data){
var id=$(this).attr("id");
id=id.replace("name","content");
$("#"+id).val(data['content']);
}
});
});
</script>