JSFiddle - React, Tailwind, and code Playground

by Black3800

HTML

<div id="container">
  <input name="box" list="boxlist" />
  <datalist id="boxlist">
    <option value="Item1"></option>
    <option value="Item2"></option>
    <option value="Item3"></option>
    <option value="Item4"></option>
  </datalist>
</div>
<button onclick="addInput()">
  Add another input
</button>

JavaScript

function addInput() {
  var container = document.getElementById("container");
  var element = document.createElement("input");
  element.setAttribute("list", "boxlist");
  container.appendChild(element);
}