title: how to make multiple form inputs appear after option is selected
body: <p>Long time leacher, first time poster. </p>
  
  <p>I found a great snippet here that has a form text input appear after an option is selected from the dropdown menu. It works like a charm, and each option now has one input associated with it. Now I need to tweak the js to make two entrees appear for option two, three entrees for option three, up too five. Currently, one text box will appear for each option. So on option 2, I need 'text1' and 'text2' to appear, on option 3 I need 'text1' text2' and 'text3' to appear, and so on.</p>
  
  <p>Please let me know if I am being unclear in anyway. Here is what I'm working with. </p>
  
  <blockquote>
  <pre><code>&lt;select id='combo'&gt;
  &lt;option&gt;0&lt;/option&gt;
  &lt;option&gt;1&lt;/option&gt;
  &lt;option&gt;2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input  id='text1' style='display: none'/&gt;
  &lt;input  id='text2' style='display: none'/&gt;
  &lt;input  id='text3' style='display: none'/&gt; ''
  
  
  &lt;script&gt;
  document.getElementById('combo').onchange = function() {
  </code></pre>
    
    <p>var display = this.selectedIndex == 0 ? "inline" : "none";
        document.getElementById('text1').style.display = display;</p>
    
    <p>var display = this.selectedIndex == 1 ? "inline" : "none";
     document.getElementById('text2').style.display = display;</p>
    
    <p>var display = this.selectedIndex == 2 ? "inline" : "none";
     document.getElementById('text3').style.display = display;</p>
    
    <p>}
     ''</p>
  </blockquote>
  
  <p>I appreciate your time.</p>