Hide input boxes based on drop down selection
<p>Good evening all</p>

<p>I was wondering if anyone can help me</p>

<p>I would really appreciate some help.</p>

<p>I want a drop down menu at the top of the page to determine how many boxes are then showing on the page.</p>

<p>If the user selects 1, only 1 table shows
If the user selects 2, 2 tables show</p>

<p>I have added the code so hopefully it makes more sense</p>

<pre><code>&lt;body&gt;
&lt;p&gt;Please select number of puppies:&lt;/p&gt;
&lt;p&gt;
&lt;select&gt;
&lt;option value="1"&gt;1&lt;/option&gt;
&lt;option value="2"&gt;2&lt;/option&gt;
&lt;/select&gt;
&lt;/p&gt;
&lt;form id="form1" name="form1" method="POST" action="&lt;%=MM_editAction%&gt;"&gt;
&lt;p&gt;Puppy 1:  &lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;table width="330" border="0"&gt;
&lt;tr&gt;
&lt;td&gt;Name: &lt;/td&gt;
&lt;td&gt;&lt;input type="text" name="PuppyName1" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Colour: &lt;/td&gt;
&lt;td&gt;&lt;input type="text" name="PuppyColour1" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Sex:&lt;/td&gt;
&lt;td&gt;&lt;select name="PuppySex1" id="PuppySex1"&gt;
&lt;option value=" "&gt; &lt;/option&gt;
&lt;option value="Male"&gt;Male&lt;/option&gt;
&lt;option value="Female"&gt;Female&lt;/option&gt;
&lt;/select&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Microchip/DNA Profile:&lt;/td&gt;
&lt;td&gt;&lt;select name="PuppyMicrochip1" id="PuppyMicrochip1"&gt;
&lt;option value="No"&gt;No&lt;/option&gt;
&lt;option value="Microchip"&gt;Microchip&lt;/option&gt;
&lt;option value="DNA Profile"&gt;DNA Profile&lt;/option&gt;
&lt;/select&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;p&gt;Microchip/DNA Number:&lt;/p&gt;&lt;/td&gt;
&lt;td&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;Puppy 2:&lt;/p&gt;
&lt;table width="330" border="0"&gt;
&lt;tr&gt;
&lt;td&gt;Name: &lt;/td&gt;
&lt;td&gt;&lt;input type="text" name="PuppyName2" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Colour: &lt;/td&gt;
&lt;td&gt;&lt;input type="text" name="PuppyColour2" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Sex:&lt;/td&gt;
&lt;td&gt;&lt;select name="PuppySex2" id="PuppySex2"&gt;
&lt;option value=" "&gt; &lt;/option&gt;
&lt;option value="Male"&gt;Male&lt;/option&gt;
&lt;option value="Female"&gt;Female&lt;/option&gt;
&lt;/select&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Microchip/DNA Profile:&lt;/td&gt;
&lt;td&gt;&lt;select name="PuppyMicrochip2" id="select2"&gt;
&lt;option value="No"&gt;No&lt;/option&gt;
&lt;option value="Microchip"&gt;Microchip&lt;/option&gt;
&lt;option value="DNA Profile"&gt;DNA Profile&lt;/option&gt;
&lt;/select&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;p&gt;Microchip/DNA Number:&lt;/p&gt;&lt;/td&gt;
&lt;td&gt;&lt;input name="PuppyMicrochipNum2" type="text" id="PuppyMicrochipNum2" /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>
