javascript - Add input fields in form when dropdown option selected -

how add fields in form dynamically

so form looks :

<form action="/reservation-add" method="post"> <select id="dropdownlist"> <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> </select> <input></input> </form> 

if selected e.g 3 should append 3 new inputs (could array take of values ) know have use javascript don't know how.

use way:

$("#dropdownlist").change(function () {     var numinputs = $(this).val();     (var = 0; < numinputs; i++)         $("#inputarea").append('<input name="inputs[]" />'); }); 

have div, id "inputarea":

<div id="inputarea"></div> 

snippet

$("#dropdownlist").change(function () {    var numinputs = $(this).val();    (var = 0; < numinputs; i++)      $("#inputarea").append('<input name="inputs[]" />');  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  <select id="dropdownlist">    <option>select...</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>  </select>  <div id="inputarea"></div>