第一种方法利用了jquery autocomplete,第二种使用了jquery ajax,其实两个都差不多.
最简单的办法我们就是直接使用jquery autocomplete方法了,如下在实例.
html中,代码如下:
复制代码 代码如下:
<script src="https://www.jb51.net/js/v2/jquery.input_complete.js" type="text/javascript" ></script>
<link href="https://www.jb51.net/css/v2/jquery.input_complete.css" type="text/css" />
<script type="text/javascript">
$(function(){
$("#abcc").bigAutocomplete({width:176,data:[{title:"九龙仓世纪华府",result:"5976898"},{title:"九龙仓君玺",result:"5976896"},{title:"舟山朱家尖东沙度假村",result:"5976895"},{title:"广厦天都城爵士花园",result:"5976893"},{title:"绿城玉园",result:"5976892"},{title:"江南铭楼",result:"5976890"}，{title:"世茂江滨花园",result:"14869"}],callback:function(data){
$("#s_loupan").val(data.result);
}});
})
</script>
<input type="text" autocomplete="off" />
本文目的是让 某个标题 带有 The 的不按字母t首字母搜索,而是按照第二个文字的首字母搜索.
比如 The Orbolg,按T的时候不显示,按O的时候才显示,下面是实现代码,我自己都晕晕的,测试是没有问题,代码如下:
复制代码 代码如下:
public function gwquery(){
if($_POST){
$zm = $_POST['data'];
$wzm = $zm."%";
$b = M('Wpindexgw');
if($zm!="t"){//获取的首字母不是t的时候
$list1 = $b->where("gwstatus=1 and gwname like '%$zm%'")->order("time desc")->select();//查询
$narr =array();
foreach( $list1 as $key => $val){
$ct2 = explode(" ",$val['gwname']);//获取标题拆分成数组。
$szm=strtolower(substr($ct2[1],0,1)); //获取首字母 并且小写
if($ct2[0]=="The" && $szm==$zm){//如果第一个字符是The 并且第二个字母首字母和提交的相同，这里The 区分大小写。
$narr[] = $val; //写入数组
}
}
}else{ //处理首字母是T的时候 ，不希望第一个字数The 的显示在列表里。
$list1 = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();
foreach( $list1 as $key => $val){
$ct2 = explode(" ",$val['gwname']);
if($ct2[0]=="The"){
$unnarr[] = $key;//获取符合条件的，要去掉的内容的数组标号。
}
}
}
$list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();//正常的查询。
if($zm=="t"){//处理当首字母是t的时候 ,去掉上面查询得到的内容，也就是如果是The的时候 按T 不显示。
foreach($unnarr as $uval){
unset($list[$uval]);
}
}else{//按下的不是t的时候，要把第二个首字母符合的内容添加到正常查询的数组中。
if(!emptyempty($narr) && !emptyempty($list)){//带The 的符合条件正常 本身也不空的时候。
$list = array_merge($narr,$list);//合并数组。
}else if(emptyempty($list)){//正常查询为空。则看是否有带The开头的，有则合并
$list=array();
$list = array_merge($narr,$list);
}
}
if($list){
$this->ajaxReturn($list,'success',1);
}else{
$this->error("Bestiary not found.");
}
}
}
相比之前的代码,相差太多,代码如下:
复制代码 代码如下: