我想要在网页上实现一个搜索框,不管输入什么内容,
如果下面表中存在就将表中的那一行数据颜色变深,
如果不存在就提示没有此数据。
数据来源都是自己的数据库表中
看你什么语言,大致原理:
1、查询数据库返回数据集,然后页面显示成表格
2、那一行数据颜色变深可以使用js+css完成,也可以使用jquery
3、如果不存在就提示没有此数据,用个alert对话框即可,找个对话框插件(样式好看一点)
var kw=$('#输入框Id').val().toLowerCase(),find=false
$('#tableID tr').each(function(){
if($(this).text().toLowerCase().indexOf(kw)!=-1){
find=true;$(this).addClass('高亮样式名称');
}else $(this).removeClass('高亮样式名称');
})
我的网页大概就是这个样子
那个输入框里不管输入什么内容,如果下面表中有存在这样的数据就把这几条数据高亮显示到前面,因为数据库中数据大的时候,可能一屏显示不下,会分页显示,但是我搜索的时候不能只搜当页,要全部搜索