clone and multiply select tag based : i want to show the select tag with its data based on the value of an input number

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    select{
      display: block;
      margin-top: 15px;
    }

<!-- language: lang-html -->

    <input type="number">
    <select>
    <option> test 1 </option>
    <option> test 2 </option>
    <option> test 3 </option>
    </select>


<!-- end snippet -->