Question

如果您对使用C＃

的asp.net中的autopostback有所了解，请帮助我

我在一个页面中有4个下拉列表

如果我选择第一个下拉列表，则启用第二个下拉列表

在选择后，第二个下拉列表第3个下拉列表中的选项启用

并在选择第3个下拉列表第4个下拉列表中的选项后启用

请让我知道这项任务......

请帮帮我

Answer 1

试试这个： -

ASPX

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true"  OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    <asp:ListItem Enabled="true" Text="Select Value" Value="-1"></asp:ListItem>
    <asp:ListItem Text="Value1" Value="1"></asp:ListItem>
    <asp:ListItem Text="Value2" Value="2"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="true"  OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged">
     <asp:ListItem Enabled="true" Text="Select Value" Value="-1"></asp:ListItem>
     <asp:ListItem Text="Value1" Value="1"></asp:ListItem>
     <asp:ListItem Text="Value2" Value="2"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="true"  OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged"> 
     <asp:ListItem Enabled="true" Text="Select Value" Value="-1"></asp:ListItem>
     <asp:ListItem Text="Value1" Value="1"></asp:ListItem>
     <asp:ListItem Text="Value2" Value="2"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="DropDownList4" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList4_SelectedIndexChanged">
     <asp:ListItem Enabled="true" Text="Select Value" Value="-1"></asp:ListItem>
     <asp:ListItem Text="Value1" Value="1"></asp:ListItem>
     <asp:ListItem Text="Value2" Value="2"></asp:ListItem>
</asp:DropDownList>

ASPX CS

  protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack) 
        {
            DropDownList1.Enabled = true;
            DropDownList2.Enabled = false;
            DropDownList3.Enabled = false;
            DropDownList4.Enabled = false;
        }
    }
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList2.Enabled = true;
    }
    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList3.Enabled = true;
    }
    protected void DropDownList3_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList4.Enabled = true;
    }

Answer 2

您可以使用下拉列表中的 SelectedIndexChanged 事件来执行服务器端功能并设置

AutoPostBack = true

，以便在选择更改时，您的页面将重新加载。< p>

Answer 3

查看此Fiddle。

重要的是处理下拉列表的更改事件并显示另一个下拉列表。

$("#one").change(function()
                 {
        $("#two").toggleClass("show",true);
                 });

逐步下拉选择

3 个答案: