Показать сообщение отдельно
  #6 (permalink)  
Старый 27.04.2016, 17:51
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от louboutin Посмотреть сообщение
спасибо большое! а можете подкинуть скрипт с такой же сортировкой на чистом JS ?
<!DOCTYPE html>
<html>
<head>
    <title>Untitled Page</title>
</head>
<style>
   table 
   { border-collapse: collapse; }
   td  
   {   padding: 3px;
       border: 1px solid black;
        }    
</style>

<script>
    window.addEventListener("DOMContentLoaded", function () {
        document.getElementById('filter').onchange = function () {
            var filter = this.value,
                rows = document.querySelectorAll('table tr');
            for (var i = 0; i < rows.length; i++) {
                var exist = false,
                       cells = rows[i].querySelectorAll('td');
                for (var j = 0; j < cells.length; j++) {
                    exist = exist || (cells[j].innerText == filter || filter == '');
                };
                if (exist) { rows[i].style.display = 'table-row' }
                else { rows[i].style.display = 'none' };
            };
        };
    });
</script>
<body>
    <div>
        Фильтр
        <select id='filter'>
            <option value='' selected>Без фильтра</option>
            <option value='адын'>№ 1</option>
            <option value='два'>№ 2</option>
            <option value='три'>№ 3</option>
        </select>
    </div>
  <table>
    <tr><td>адын</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>три</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>адын</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>адын</td><td>два</td><td>три</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>три</td><td>три</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>адын</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>два</td><td>Что-то</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>Что-то</td><td>два</td><td>Что-то</td></tr>
    <tr><td>Что-то</td><td>два</td><td>Что-то</td><td>Что-то</td></tr>
  </table>
</body>
</html>
Ответить с цитированием