Useful utilities for HTMLSelectElement

HTMLSelectElementUtils.js

  /**
   * @summary extracts values from select
   * @param {HTMLSelectElement} sel
   * @return {string[]}
   */
  const getSelectVals = ({ options }) =>
    Array.from(options).map(({ value }) => value);
  
  /**
   * @summary checks if select has a value
   * @param {HTMLSelectElement} sel
   * @param {(val: string, idx: number) => boolean} predicate
   * @return {boolean}
   */
  const hasSelectVal = ({ options }, predicate) => {
    return !!Array.from(options).find(({ value }, idx, thisArr) =>
      predicate(value, idx)
    );
  };

  /**
   * @summary sets selected values in a select
   * @param {HTMLSelectElement}
   * @param {string[]} values
   * @return {void}
   */
  const selectVals = ({ options }, values) => {
    return Array.from(options).forEach(
      (option) => (option.selected = values.includes(option.value))
    );
  };