title: JQUERY: On change select box update number of text inputs on form based on select box value
body: <p>HTML</p>
  
  <pre><code>&lt;select name="select" id="select"&gt;
      &lt;option value="1"&gt;1&lt;/option&gt;
      &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
      &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;input id="bla" type="text" name="attendant[]"&gt;
  </code></pre>
  
  <p>JQuery</p>
  
  <pre><code>$("select").change(function() {
  
      var select = parseFloat($('#select').val());
      $('#bla').after('&lt;br&gt;&lt;input id="bla" type="text" name="attendant[]"&gt;');
  
   });​
  </code></pre>
  
  <p>Hi guys,  above is the code I created.
  I need the select box on change to update the the number of form field base on the value of the select box. If user change to 4 there should be 4 form field display on screen. If value change to 1 there should only be one on the screen.</p>
  
  <p>Not so good with JQuery just started few days ago so any help is appreciated.</p>
  
  <p>Thanks </p>
  
  <p>Here is the JSFiddle I'm working on.
  <a href="http://jsfiddle.net/andrewvmail/b5Gqg/3/" rel="nofollow">http://jsfiddle.net/andrewvmail/b5Gqg/3/</a></p>