2014-07-06 43 views
0

我正在創建一個包含公司及其個人資料列表的網站。到目前爲止,我已經能夠將公司及其個人資料的導航列表製作爲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:[email protected]'>" . $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個選項,分別是大和小,當提交過濾器時,只剩下合適公司的鏈接。

任何幫助表示讚賞,最後,感謝您的幫助!

回答

0

我一點也不會用代碼給你餵食,但我會解釋你的方法。

首先,設置2個單選按鈕,並檢查AJAX。

如果單選按鈕1的值爲1,則顯示大公司。 如果單選按鈕2值爲1,則顯示小公司。 如果兩個/ none都是1,則顯示兩者。

您可以通過設置名爲company_size的列來實現,它根據大小設置爲l或s。因此,一旦收到用戶輸入,過濾所有輸入並相應地輸出數據。

+0

是的我做了類似的事情,是的,我有一個company_size列,但我想要尋找的是撤回過濾器後公司的鏈接 – SlashBunny

+0

是的,所以如果複選框被標記顯示一個新的名單。你可以用純php做到這一點,但需要重新加載頁面 –