Populating an empty select element with values dynamically from data

populateSelectors.js

export default function (values) {
  // sort value strings alphabetically
  values.sort((a, b) => {
    if (a.toLowerCase() < b.toLowerCase()) return -1;
    if (a.toLowerCase() > b.toLowerCase()) return 1;
    return 0;
  });

  // find select element/elements
  const selects = document.querySelectorAll('<<selector name>>');

  // add options for each value to selects
  selects.forEach((s) => {
    values.forEach((v) => {
      const thisSelect = s;
      thisSelect.innerHTML += `<option value='${v.toLowerCase()}'>${v}</option>`;
    });
  });
}