2016-06-23 128 views
0

UPDATE:對不起,我是新就在這裏,所以我不知道該指引數據庫表過濾

這是我迄今所做

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>AJAX filter demo</title> 
</head> 

<body> 
    <h1>Temporary Database</h1> 

    <table id="employees"> 
    <thead> 
    <tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Age</th> 
     <th>Address</th> 
     <th>Car</th> 
     <th>Language</th> 
     <th>Nights</th> 
     <th>Student</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
    </table> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
    function makeTable(data){ 
    var tbl_body = ""; 
     $.each(data, function() { 
     var tbl_row = ""; 
     $.each(this, function(k , v) { 
      tbl_row += "<td>"+v+"</td>"; 
     }) 
     tbl_body += "<tr>"+tbl_row+"</tr>";     
     }) 

     return tbl_body; 
    } 

    function updateEmployees(){ 
    $.ajax({ 
     type: "POST", 
     url: "submit.php", 
     dataType : 'json', 
     cache: false, 
     success: function(records){ 
     $('#employees tbody').html(makeTable(records)); 
     } 
     }); 
     } 

    updateEmployees(); 
    </script> 
</body> 
    </html> 

現在在輸出端的問候表我認爲我正在尋找的側面過濾。我如何去過濾每列與下拉式輸出特定的數據,不像如果我有一個複選框? 謝謝

+1

雖然作爲日記條目這很好,但它確實不足以成爲堆棧溢出問題。這裏的第一個問題是**你嘗試過什麼**,如果你不能用代碼來回答這個問題,這意味着你需要更多的工作來制定一個問題。代碼是否完整無關緊要,只是表示您正在嘗試解決的問題。 – tadman

+0

確定只是糾正它,我道歉我對這個@ tadman新來 –

+0

沒有必要道歉。你包含的代碼是重要的。由於您使用的是jQuery,因此您可能需要查看[jQuery UI網站](https://jqueryui.com)或查看是否有任何[jQuery插件](https://plugins.jquery.com)幫助你的問題。 – tadman

回答

0

使用PHP生成表和html,然後可能使用jquery插件https://datatables.net/,它允許你使用javascript和jquery輕鬆創建動態表。這將爲您節省大量時間和精力。

+0

避免發佈「只有鏈接」的答案,因爲他們可能會被刪除 –

+0

謝謝抱歉,新的這個 –