increase the form count for according to the select box value

select the value from drop down and according to the value the form has been increased

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>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
  </select>
    <div>name:
    <input type="text" class="input_f" name="mytext[]">
  </div>
</div>
<div id="inrlog">
</div>

CSS

.sel{
  width: 30px;
  margin: 2px;
}
.input_f{
  margin: 10px;
}

JavaScript

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