我正在创建一个网站,其中包含公司列表及其简介。到目前为止,我已经能够将公司及其简介的导航列表制作为 AJAX 页面。
<ul id="nav" style="float:left, margin: 10 10 0 10;">
<li><a href="company_1">Company 1</a></li>
<li><a href="company_2">Company 2</a></li>
<li><a href="company_3">Company 3</a></li>
</ul>
<div id="content">
</div>
这是 AJAX:
$(document).ready(function (){
//initial
$('#content').load('content/index.php');
//handle menu clikcs
$('ul#nav li a').click(function() {
var page = $(this).attr('href');
$('#content').load('content/' + page + '.php');
return false;
});
});
这是公司简介示例之一:
<?php
$query = "select * from company_info where 1=1 and company_id = 1";
$run = mysql_query($query);
while ($row = mysql_fetch_array($run)){
$company_id = $row[0];
$company_name = $row[1];
$company_website = $row[2];
$company_email = $row[3];
$company_facebook = $row[4];
echo "<h1>" . $company_name . "</h1>";
echo "<ul>";
echo "<li><h3>Brief Introduction</h3></li>";
echo "<hr />";
echo "<li><h3>Contact Information</h3></li>";
echo "<ul>";
echo "<li>Website: <a href='" . $company_website . "'>" . $company_website . "</a></li>";
echo "<li>Facebook: <a href='" . $company_facebook . "'>" . $company_facebook . "</a></li>";
//echo "<li>Email: <a href='mailto:5b.dznnkab@gmail.com'>" . $company_email . "</a></li>";
echo "<li>Email: <a href='mailto:" . $company_email . "'>" . $company_email . "</a></li>";
echo "</ul>";
echo "</li>";
echo "</ul>";
}
?>
http://i.imgur.com/zN8i0QX.jpg
我想要实现的是制作下拉列表或复选框或任何方法来过滤公司。举个例子,公司1和公司2是大公司,公司3是小公司。所以过滤器会有大和小2个选项,提交过滤器时,只会留下合适公司的链接。
感谢任何帮助,最后,感谢您的帮助!
最佳答案
我根本不会向您灌输代码,但我会向您解释方法。
首先,设置2个单选按钮,并使用AJAX进行检查。
如果单选按钮 1 的值为 1,则显示大公司。 如果单选按钮 2 的值为 1,则显示小公司。 如果两者/都不为 1,则显示两者。
您可以通过设置名为 company_size 的列来实现此目的,其中根据大小,该列将是 l 或 s。因此,一旦收到用户输入,就过滤所有输入并相应地输出数据。
关于php - 复选框或下拉筛选结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24595656/