JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selectBox" >
    
    <option value=1>one</option>
     <option value=2>two</option>
     <option value=3>three</option>
    <option value=4>four</option>
     <option value=5>five</option>
     <option value=6>six</option>

    
</select>
<div id="outputArea"></div>

JavaScript

$("#selectBox").change(function() {
  var htmlString = "";
  var len = $(this).val();
  for (var i = 0; i < len; i++) {
    htmlString += "<input type='text' class='email'>";
    htmlString += "<input type='text' class='name'>";
  }

  $("#outputArea").html(htmlString);
})