Фильтрация по селектору в таблице?

Question

[Марсель Султанов]

Всем привет! Нужно по выбору из селектора, пересортировать таблицу по определенному статусу data-status="", никогда с таким не сталкивался по неопытности, можете помочь? Только Jquery

<div class="row justify-content-between">
        <div class="col-sm-4">
            <div class="form-group">
                <label for="status-list">Статус</label>
                <select class="form-control" id="status-list">
                    <option value="">Не выбран</option>
                    <? foreach ($arResult['STATUS_LIST'] as $status): ?>
                        <option value="<?= $status['CODE']?>"><?= $status['NAME']?> (<?= $status['ORDERS_COUNT'] ?>)</option>
                    <? endforeach; ?>
                </select>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <label for="search-order">Поиск посылки</label>
                <input type="text" id="search-order" class="form-control" placeholder="№ Посылки">
            </div>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table">
            <? foreach ($arResult['ORDERS_LIST'] as $order): ?>
                <tr data-status="<?=$order['STATUS_CODE']?>" data-order="<?=$order['NUM']?>">
                    <td><?=$order['NUM']?>: <?=$order['STATUS_NAME']?></td>
                    <td><?=$order['FIO']?></td>
                </tr>
            <? endforeach; ?>
        </table>
    </div>

Comments

[Марсель Султанов]

Answer 1

[twobomb]

$("#status-list").on("change",function(){
	if(this.value == ""){
   $("table tr").show();
   return;
  }  
  $("table tr").hide();
  $("table tr[data-status="+this.value+"]").show();
});