复选框或下拉过滤器结果

时间:2014-07-06 12:08:49

标签: php html mysql ajax filter

我正在创建一个包含公司列表及其个人资料的网站。到目前为止,我已经能够将公司及其个人资料的导航列表作为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,当提交过滤器时,只剩下合适公司的链接。

感谢任何帮助,最后,感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

首先,设置2单选按钮,然后使用AJAX进行检查。

如果单选按钮1值为1,则显示大公司。 如果单选按钮2值为1,则显示小公司。 如果两个/ none都为1则显示两者。

您可以通过设置名为company_size的列来实现此目的,根据大小,它将是l或s。因此,一旦收到用户输入,过滤所有输入并相应地输出数据。