• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

php实现联想搜索,你会吗?

php 搞代码 4年前 (2022-01-21) 19次浏览 已收录 0个评论

php怎么实现联想搜索?

联想搜索

1.联想功能需要数据库,

2.每字联想还要ajax传值,

但是那,在这里咱们不用ajax,因为ajax的速度问题,所以我采用调用jquery.

效果展示:

代码实现:

调用时先引进jquery才能实现

<meta charset="utf-8"><input type="text"  value="" id="wd"><div style='background: #e1e1e1;width:220px;display:none;' id="rs">    <ul>     </ul></div><script src="jq.js"></script><script>    $(function(){        $("#wd").keyup(function(){            var word=$(this).val();            $.aja<a>2本文来源gao*daima.com搞@代#码&网6</a><pre>搞gaodaima代码

x({ url:'http://suggestion.baidu.com/su?wd='+word+'&cb=showli&#039;, dataType:'jsonp', jsonpCallback:'showli', success:function(txt){ var arr=txt.s; var li=""; $.each(arr,function(i,val){ li+="<li>"+val+"</li> "; }); $("#rs ul").html(li); $("#rs").slideDown('fast'); //鼠标经过元素的背景颜色改变 $("#rs ul li").bind('mouseenter',function(){$(this).css({'background':'yellow'})}); $("#rs ul li").bind('mouseleave',function(){$(this).css({'background':'#e1e1e1'})}); $("#rs ul li").bind('click',function(){ $("#wd").val($(this).html()); $("#rs").slideUp('fast'); }); }}) }) })</script>

以上就是php实现联想搜索,你会吗?的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:php实现联想搜索,你会吗?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址