JSFiddle - React, Tailwind, and code Playground

by jimcute

HTML

<p>
  JavaScript convert Array to Select Box options.
</p>
<button onclick="add()">
  Convert
</button>
<br><br>
<div>
  <select id = "ddl">
    <option>Select item</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
</div>

CSS

select {
  width: 150px;
  padding: 5px;
  border-radius: 5px;
}

* {
  font-family: Verdana;
}

JavaScript

function add() {
  const ddl = document.getElementById('ddl');

  for (let i = 6; i <= 100; i++) {
    ddl.add(new Option(i));
  }
}