2016-06-23 13 views
0

UPDATE: Sorry, ich bin hier neu, so dass ich nicht an die Richtlinien wussteDatenbanktabelle Filtration

Dies ist, was ich bisher

<!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> 

, die die Tabelle gibt nun in Bezug auf Client getan haben -Seite Filtration ich denke, was ich suche. Wie würde ich jede Spalte mit einem Dropdown-Filter filtern, um spezifische Daten auszugeben, anders als wenn ich eine Checkbox hätte? Danke

+1

Während dies als Journaleintrag in Ordnung ist, ist es nicht spezifisch genug, um eine Stack Overflow-Frage zu sein. Die Frage Nummer 1 lautet: "Was hast du probiert?" Und wenn du das nicht mit Code beantworten kannst, bedeutet das, dass du etwas mehr Arbeit hast, um eine Frage zu formulieren. Es spielt keine Rolle, ob Ihr Code vollständig ist, nur dass er das Problem ausdrückt, das Sie lösen möchten. – tadman

+0

ok gerade korrigiert es ich entschuldige mich Ich bin neu in diesem @ tadman –

+0

Keine Notwendigkeit für eine Entschuldigung. Hier kommt es auf die Einbeziehung von Code an. Da Sie jQuery verwenden, möchten Sie möglicherweise die [jQuery UI-Site] (https://jqueryui.com) durchsuchen oder prüfen, ob es [jQuery-Plugins] (https://plugins.jquery.com) gibt, die dies tun könnten Hilfe bei Ihrem Problem. – tadman

Antwort

0

Verwenden Sie PHP, um die Tabelle und HTML zu generieren, dann möglicherweise mit dem Jquery-Plugin https://datatables.net/, ermöglicht es Ihnen, dynamische Tabellen mithilfe von Javascript und jquery zu erstellen. Es wird Ihnen viel Zeit und Mühe ersparen.

+0

Vermeiden Sie "nur Link" Antworten, wie sie gelöscht werden können –

+0

danke tut mir leid, neu zu diesem Thema –

Verwandte Themen