Фильтр по значению таблицы(расширенно)

var select = document.querySelector('select[name="select_name"]');
select.addEventListener("change", function(){
  var TRs = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
  for(var i=0; i<TRs.length; i++){
    TRs[i].style.display = i !== select.value-1 ? 'none' : null;
    if(select.value === 'all'){
      TRs[i].removeAttribute('style');
    }
  }
})

var table = [
  {name: 'Первый', amount: 2, annotation: 'Первый номер',  manager: 'Иванов'},
  {name: 'Второй', amount: 3, annotation: 'Первый номер',  manager: 'Петров'},
  {name: 'Третий', amount: 4, annotation: 'Третий номер',  manager: 'Иванов'},
  {name: 'Четвертый', amount: 5,   annotation: 'Четвертый номер',    manager: 'Петров'}
];
 
var tableDOM = document.querySelector('table tbody');
 
var table1 = [];
 
function createTD(value) {
  var td = document.createElement('TD');
  td.innerHTML = value;
  return td;
}
 
function createTR() {
  var tr = document.createElement('TR');
  return tr;
}
 
function renderTable(tableModel, tableDOM) {
  tableDOM.innerHTML = '';
  tableModel.forEach(function(row) {
    var tr = createTR();
    tr.appendChild(createTD(row.name));
    tr.appendChild(createTD(row.amount));
    tr.appendChild(createTD(row.annotation));
    tr.appendChild(createTD(row.manager));
    tableDOM.appendChild(tr);
  });
}
 
renderTable(table, tableDOM);
 
document.querySelector('input').addEventListener('input', function(e) {
  table1 = table.filter(function(item) {
  
    return item.name.toLocaleLowerCase().indexOf(e.target.value.trim()) >= 0;
  });
  renderTable(table1, tableDOM);
});
 
document.querySelector('select').addEventListener('change', function(e) {
  table1 = table.sort(function(a, b) {
    if (e.target.value === 'asc') return a.amount > b.amount;
    if (e.target.value === 'desc') return a.amount < b.amount;
  });
  renderTable(table1, tableDOM);
});