我正在创建一个包含公司列表及其个人资料的网站。到目前为止,我已经能够将公司及其个人资料的导航列表作为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>";
}
&GT;
http://i.imgur.com/zN8i0QX.jpg
我想要实现的目标是制作下拉列表或复选框,或者使用哪种方法来过滤公司。让我们举一个例子,公司1和公司2是大公司,公司3是小公司。因此,过滤器将有两个选项,分别为Big和Small,当提交过滤器时,只剩下合适公司的链接。
感谢任何帮助,最后,感谢您的帮助!
答案 0 :(得分:0)
我根本不会用勺子喂你用代码,但我会解释你的方法。
首先,设置2单选按钮,然后使用AJAX进行检查。
如果单选按钮1值为1,则显示大公司。 如果单选按钮2值为1,则显示小公司。 如果两个/ none都为1则显示两者。
您可以通过设置名为company_size的列来实现此目的,根据大小,它将是l或s。因此,一旦收到用户输入,过滤所有输入并相应地输出数据。