JSFiddle - React, Tailwind, and code Playground

by LyndseyB

HTML

<table>
  <tr>
    <td> KPI </td>
    <select data-id="1">
      <option value="1">1</option>
    </select>
  </tr>
   <tr>
    <td> KPI 2 </td>
    <select data-id="2">
      <option value="3">3</option>
    </select>
  </tr>
</table>

JavaScript

var values = [].reduce.call(document.querySelectorAll('[data-id]'), function(array, kpi) {
	array.push({
  	id: kpi.dataset.id,
    val: kpi.value
  });
  
  return array;
}, []);

console.log(values);