JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<form action="" class='form'>
    <select class='n'>
      <option>-</option>
      <option>1</option>
      <option>2</option>  
      <option>3</option>
    </select>
</form>

JavaScript

$('.n').change(function(){
   var val = $(this).val();
    if (val != '-') {
      $('input').remove();
      var i = 0
      while (i < val) {
          $('<input type="text">').appendTo($('.form'));
          i++
      }
    }
})