Databases
StackOverflow2013
Postsdbo
POHide input boxes based on drop down selection
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHide input boxes based on drop down selection
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload