JSFiddle - React, Tailwind, and code Playground

HTML

<select name="select" id="select">
								<option value="01">01</option>
								<option value="02">02</option>
								<option value="03">03</option>
								<option value="04">04</option>
								<option value="05">05</option>
								<option value="06">06</option>
								<option value="07">07</option>
                <option value="08">08</option>
								<option value="09">09</option>
								<option value="10">010</option>
                <option value="011">011</option>
               <option value="012">012</option>   
                <option value="013">013</option>
               <option value="014">014</option>
                <option value="015">015</option>

               
               
</select>
<br>
<div class="template" style="display:none">
   <input type="text" name="attendant[]" />
</div>
<div id="container" >
    
</div>

JavaScript

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