jquery mysql jsp搜索功能_实现搜索框自动提示功能（jquery+php）

客户端代码

#search{font-size:14px;}

#search .k{padding:2px 1px; width:320px;}

#search_auto{border:1px solid #817FB2; position:absolute; display:none;}

#search_auto li{background:#FFF; text-align:left;}

#search_auto li.cls{text-align:right;}

#search_auto li a{display:block; padding:5px 6px; cursor:pointer; color:#666;}

#search_auto li a:hover{background:#D8D8D8; text-decoration:none; color:#000;}

jquery+php实现用户输入搜索内容时自动提示

$(function(){

$('#search_auto').css({'width':$('#search input[name="k"]').width()+4});

$('#search input[name="k"]').keyup(function(){

$.post('search_auto.php',{'value':$(this).val()},function(data){

if(data=='0') $('#search_auto').html('').css('display','none');

else $('#search_auto').html(data).css('display','block');

});

服务器端代码

$v=$_POST[value];

$re=mysql_query("select * from test where title like '%$v%' order by addtime desc limit 10");

if(mysql_num_rows($re)<=0) exit('0');

echo '

while($ro=mysql_fetch_array($re)) echo '

'.$ro[title].'';

echo '

οnclick="$(this).parent().parent().parent().fadeOut(100)">关闭

gt;

echo '

jquery mysql jsp搜索功能_实现搜索框自动提示功能（jquery+php）相关推荐

Ajax实现百度搜索框自动提示功能
Ajax实现百度搜索框自动提示功能当你在搜索框内写入关键字时下拉框会匹配和你输入的关键字相匹配的信息文章目录 Ajax实现百度搜索框自动提示功能一.实现效果二.代码实现 1.前端页面 2.后端 ...
电脑上的Eclipse自动提示功能突然消失
电脑上的Eclipse没有了自动提示功能,今天在网上搜索了一下结果,主要有以下几种解决方法: 1.此方法用于没有一点提示的情况:依次打开eclipse上面的windows --preferences ...
java培训教程分享：Java编写软件代码自动提示功能
本期的java培训教程分享主要是介绍的java编写软件代码的一个自动提示功能,很多零基础和初学java的同学们对这一块还不是很了解,Eclipse for android 实现代码自动提示智能提示功能 ...
eclipse hibernate配置文件（*.hbm.xml）加上自动提示功能
转自:https://blog.csdn.net/u012217085/article/details/17397843?utm_source=blogkpcl3 1. 标签:hibernate 在编 ...
[转]Android 代码自动提示功能
源地址http://blog.sina.com.cn/s/blog_7dbac12501019mbh.html 或者http://blog.csdn.net/longvslove/article/de ...
Eclipse输入Java和XML代码自动提示功能最简单的方法
Eclipse输入Java和XML代码自动提示功能 1.设置 java 文件的代码提示功能打开 Eclipse 依次选择 Window > Preferences > Java > ...
怎样增强MyEclipse的代码自动提示功能
转载自怎样增强MyEclipse的代码自动提示功能 MyElipse的默认代码提示功能隐藏了许多细节,需要开发者手动设置,一起来设置吧,让你的myeclpse更强大一般在Eclipse ,MyE ...
idea没有代码自动提示功能和包自动引入不了问题
idea没有代码自动提示功能和包自动引入不了问题原因:节电模式 File -> Power Save Mode (被勾选了) 处理方法: File -> Power Save Mode ...
SQLSERVER:sqlserver2008r2安装好后，自动提示功能不可以使用
刚安装好的sqlserver2008r2x64,写一些sql时,自动提示功能失效了. 解决排查一: 找到tools->options->Text Editor->Transact-S ...

jquery mysql jsp搜索功能_实现搜索框自动提示功能（jquery+php）

jquery mysql jsp搜索功能_实现搜索框自动提示功能（jquery+php）相关推荐

最新文章

热门文章