2016-06-23 4 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

ok только что исправило это извиняюсь, я новичок в этом @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

благодарим вас, новичок в этом –

Смежные вопросы