如何在第一個ddl被選中時顯示第二個下拉列表？

我正在爲我的網站發表評論/申請表格，爲了讓我的用戶儘可能具體，我有一個下拉列表，列出了我網站上的所有8個類別。一旦選擇了下拉列表的第一個類別，我試圖使與所選類別對應的ddl可見。在選擇正確的類別之前，如何保持第二個ddls不可見？如何在第一個ddl被選中時顯示第二個下拉列表？

下面是HTML代碼，我到目前爲止：

Select a Category: 

    <asp:DropDownList ID="ddlMaintab" runat="server" AutoPostBack="true" 
    onselectedindexchanged="ddlMaintab_SelectedIndexChanged"> 

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


    <br /><br /> 

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

<asp:DropDownList ID="ddl1" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddl2" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddl3" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddl4" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddl5" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddl6" runat="server" Visible="false" > 
    <asp:ListItem Text="app" Value="1"></asp:ListItem> 
    <asp:ListItem Text="CS" Value="2"></asp:ListItem> 
</asp:DropDownList>

謝謝你這麼多BTW這個網站是真棒

來源

2012-06-27 user1486774

而不必這麼多dropdownlists的，爲什麼不能有一個，將動態基礎上，選擇來填充。 – Dimitri

發佈此部分後端代碼ddlMaintab_SelectedIndexChanged –

我同意Dimitri ... – IrishChieftain