Динамически создавать параметры из столбца таблицы

Question

Я хочу динамически заполнить #sku_dropdown данными в первом столбце.Я также хочу, чтобы опция «New Sku» позволила вам ввести свой собственный вариант.

FORM

  <form>
 <select id="sku_dropdown">
<option disabled selected value>Select Sku</option>
<option>New Sku</option>
</select>
 <input class="button" id="submit_log" name="submit_log" value="Submit Log" type="button" />
</form>

TABLE

<table id="table">

</table>

ADD ROW & DATA

function submitLog() {
  let tableRefLog = document.getElementById('table');
  let newRowLog = tableRefLog.insertRow(-1);
  let newCellBlank = newRowLog.insertCell(0);
  let newCellSku = newRowLog.insertCell(1);
  let sku = document.createTextNode(document.querySelector('#sku_dropdown').value);
newCellSku.appendChild(sku);

document.getElementById('submit_log').onclick = submitLog;