Как заполнить html select значениями от 1 до 100?

Question

[ekzotika]

Как заполнить <select> значениями от 1 до 100?

Например:

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>

И так далее до 100, но не руками, естественно?

Answer 1

[Тигран Абрамян]

<select id="select"></select>

const select = document.querySelector('#select');

for (let i = 1; i <= 100; i++) {
  const option = document.createElement('option');
  option.textContent = option.value = i;
  select.append(option);
}

Comments

[ekzotika]

Благодарю!

Answer 2

[Сергей delphinpro]

Раз: https://developer.mozilla.org/ru/docs/DOM/document...
Два: https://developer.mozilla.org/ru/docs/Web/JavaScri...