Как пройти перед числом, чтобы скрыть данные опции?

Question

Могу я узнать, как пройти перед числом, чтобы скрыть данные опции? Я хочу, чтобы диапазон 100-199 и 200-299 данных были скрыты.

Ниже кода приведен образец:

<select id="test">
  <option value="1">187-1 Johnson</option>
  <option value="2">310-3 David</option>
  <option value="3">213-1 Howard</option>
  <option value="4">520-6 Hash</option>
  <option value="5">199-6 Lark</option>
</select>

Надеюсь, что кто-то может помочь мне спрятаться перед числом. диапазон 100-199 и 200-299. В случае успеха результат, как показано ниже на картинке. Спасибо.

Answer 1

Можно попробовать что-нибудь подобное. Это скрытие, все варианты начинаются с 1 и 2, поэтому (100-299 были скрыты), но все они все еще живы. Вы можете удалить их из DOM, просто изменив el.style.display='none' на el.remove(). Надеюсь, этот код вам поможет. Если вы чего-то не понимаете, вы можете задать мне вопрос.

let select = document.querySelector('#test').children
for ( let el of select){
  if (el.textContent.match(/^[12]/)) el.remove()
}

<select id="test">
  <option value="1">187-1 Johnson</option>
  <option value="2">310-3 David</option>
  <option value="3">213-1 Howard</option>
  <option value="4">520-6 Hash</option>
  <option value="5">199-6 Lark</option>
</select>