【www.gdgbn.com--jquery】

利用jquery.autocomplete自动完成功能实现百度搜索下拉功能
-->

<script language="网页特效" src="jquery.autocomplete.js"></script>
<script>
$().ready(function() {
 $("#borough_name").autocomplete("z.php教程", {
  minchars: 2,
  width: 260,
  delay:0,
  mustmatch:true,
  matchcontains: false,
  scrollheight: 220,
  selectfirst:true,
  scroll: true,
  formatitem: function(data, i, total) {
   if(data[1]=="a"){
    return ""+data[0]+"";
   }
   return data[0];
  }
 });
}
</script>


例:输入"主题爱"或拼音首字母"zti",从下拉列表中选择

z.php 文件就是简单的mysql教程+php数据库教程查询了,这里就不再讲了。

本文来源:http://www.gdgbn.com/wangyezhizuo/29384/