javascript - Filter html table with both input and select boxes

Question

Is it possible to modify this existing code which currently filters a html table based on multiple inputs, so that it also filters on all select boxes?

I initially tried changing the querySelectorAll('input') to document.querySelectorAll('input, select'), however this broke other parts of the code.

  const query = q => document.querySelectorAll(q);
  
  const filters = Array.from(document.querySelectorAll('input')).map(e => new RegExp(e.value, 'i'));

  query('tbody tr').forEach(row => row.style.display = 
    filters.every((f, i) => f.test(row.cells[i + 1].textContent)) ? '' : 'none'); 

Any help would be greatly appreciated.

Thanks :)

Answer 1

等待大神答复