JSFiddle - React, Tailwind, and code Playground

by padma rubhan

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>
  <select id="sel" class="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>

  </select>
  <button class="add_field_button">Add More Fields</button>
  <div>name:
    <input type="text" name="mytext[]">
  </div>
</div>
<div id="inrlog">
</div>

JavaScript

$(document).ready(function() {
   $("#sel").on('change', function() {
     var counter = parseInt(this.value, 10);
     var html = '<div>name:<input type="text" name="selname">\
  </div>';
     var str = "";
     for (var i = 1; i < counter; i++) {
       str += html;
     }
     $("#inrlog").empty().append(str);
   })
 });