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="4">4</option>
</select>
<input id="bla" type="text" name="attendant[]">

CSS

select, input { display: block;}

JavaScript

var bla = $('#bla');
$("select").change(function(){
    var len = parseInt($(this).val());
    $('input').remove();
    while(len--) bla.clone().insertAfter('select');

});