PHP+MYSQL+JQUERY实现内容的筛选或实时搜索

最新推荐文章于 2024-05-19 15:30:18 发布

ashokawuanshou

最新推荐文章于 2024-05-19 15:30:18 发布

阅读量7.1k

点赞数

分类专栏： PHP基础 MYSQL JAVASCRIPT JQUERY 文章标签： mysql jquery php function class include

本文链接：https://blog.csdn.net/ashokawuanshou/article/details/7688644

版权

这是一个基于PHP、MySQL和jQuery的通讯录实例，实现了输入框实时筛选和搜索功能。用户可以通过输入关键词，实时隐藏并显示匹配的联系人信息。表格展示包括账号、姓名、手机、电话、科室、级别和编号等字段。

摘要由CSDN通过智能技术生成

这是本人做的一个通讯录实例。可实时查找

<?php
	include ("menu.php");
	include ("head.php");
?>


<!--   引入jQuery -->
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
       $("#filterName").keyup(function(){
	      $("table tbody tr")
					.hide()
					.filter(":contains('"+( $(this).val() )+"')")
					.show();
	   }).keyup();
  })
</script>
</head>
<body>


<table align="center" width="80%" bgcolor="#000000" cellspacing="1">
<caption>
通讯录
<input id="filterName" type="text" autofocus/>
<a href="outputexcel/tongxunlu.php"><img src="images/excel.jpg" class="t2"></a>
</caption>
	<thead>
		<tr>
		  <th width