JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

<select name="select" id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>
<br>
<div class="template" style="display:none">
   <input type="text" name="attendant[]" />
    <br>
</div>
<div id="container" >
    
</div>

JavaScript

$("select").change(function() {
  
    var select = parseInt($('#select').val());
    var $clone = $('.template').clone().html();
    console.log($clone);
    var html = '';
    for(var i = 0;i< select ; i++){
        html += $clone;
    }
    $('#container').empty().html(html);
 }).change();