How to make second drop down list visible once first ddl is selected?
<p>I am making a comment / request form for my website and in order to allow my users to 
be as specific as possible I have a drop down list listing all of the 8 categories on my website.  Once the first category of the drop down list is selected I am trying to make the ddl that corresponds with the selected category visible.  How do I keep the second ddls invisible until the proper category is selected? </p>

<p>Here is the html code i have so far: </p>

<pre><code>    Select a Category:

    &lt;asp:DropDownList ID="ddlMaintab" runat="server" AutoPostBack="true"
    onselectedindexchanged="ddlMaintab_SelectedIndexChanged"&gt;

    &lt;asp:ListItem Text="- Select - " Value=""&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="U" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Re" Value="2"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Merc" Value="3"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Rep" Value="4"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="A" Value="5"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Refi" Value="6"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Rete" Value="7"&gt;&lt;/asp:ListItem&gt;
    &lt;/asp:DropDownList&gt;


    &lt;br /&gt;&lt;br /&gt;

    Sub Category:
    &lt;asp:DropDownList ID="ddlSub" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Saved" Value="3"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="JLB" Value="4"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Completed" Value="5"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Search" Value="6"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Pre-approved" Value="7"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Notes" Value="8"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Document" Value="9"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="Deal" Value="10"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl1" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl2" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl3" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl4" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl5" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;

&lt;asp:DropDownList ID="ddl6" runat="server" Visible="false" &gt;
    &lt;asp:ListItem Text="app" Value="1"&gt;&lt;/asp:ListItem&gt;
    &lt;asp:ListItem Text="CS" Value="2"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;
</code></pre>

<p>Thank you so much btw this site is awesome </p>
