JSFiddle - React, Tailwind, and code Playground

HTML

<select>
<option value="">&ndash; Please select &ndash;</option>
<option value="0">Less than 1</option>
<option value="1">1</option>       
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</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> 
<option value="10">10+</option>
</select>
<div id="div_with_inputs"></div>

JavaScript

window.onload = function () {
    var div_with_inputs = document.getElementById('div_with_inputs');
    document.getElementsByTagName('select')[0].onchange = function () {
        div_with_inputs.innerHTML = '';
        for(var i = 0; i < parseInt(this.value); i++)
            div_with_inputs.innerHTML += '<input /><br>';
    }
}