jquery select, create input boxes?
<p>I have a dropdown selection box with the following:</p>

<pre><code>&lt;select name="type" id="speedB" style="width:324px;"&gt;
    &lt;option value=""&gt;Please Select&lt;/option&gt;
    &lt;option value="9.99"&gt;1 = $9.99&lt;/option&gt;
    &lt;option value="19.99"&gt;5 = $19.99&lt;/option&gt;
    &lt;option value="39.99"&gt;10 = $39.99&lt;/option&gt;                          
    &lt;option value="199.99"&gt;All = $199.99&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Basically, what I want to do is:</p>

<blockquote>
  <p>If value 9.99 is chosen, display 1 input box for them to enter
  something in to.</p>
  
  <p>If value 19.99 is chosen, display 5 input boxes for them to enter
  something in to.</p>
  
  <p>If value 39.99 is chosen, display 10 input boxes for them to enter
  something in to.</p>
  
  <p>If value 199.99 is chosen, display <strong>ONE</strong> input box with the
  <code>name="state"</code> for them to enter something in to.</p>
</blockquote>

<p>I want the newly created input boxes to have a name such as <code>name="pc1" name="pc2"</code> etc.. unless value 199.99 is chosen, I only want one input box to be shown with the <code>name="state"</code></p>

<p>How would I go about doing this?</p>
