复选框或下拉过滤器结果

Question

我正在创建一个包含公司列表及其个人资料的网站。到目前为止，我已经能够制作公司的导航列表及其作为 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是小公司。所以过滤器会有Big和Small 2个选项，当过滤器提交时，只会留下合适公司的链接。

感谢任何帮助，最后，感谢您的帮助！

Answer 1

我根本不会用勺子喂你代码，但我会向你解释方法。

首先，设置 2 个 Radio Button，并使用 AJAX 进行检查。

如果单选按钮 1 的值为 1，则显示大公司。 如果单选按钮 2 的值为 1，则显示小公司。 如果 both/none 为 1，则同时显示。

您可以通过设置名为 company_size 的列来做到这一点，根据大小，它将是 l 或 s。所以一旦接收到用户输入，过滤所有输入并得到相应的数据输出。