asp.net select控件联动
时间: 2023-09-02 07:14:23 浏览: 106
ASP.NET Select 控件联动可以通过以下步骤实现:
1. 在 ASP.NET 页面中添加两个 Select 控件,一个用于选择父级选项,另一个用于选择子级选项。
```html
<asp:DropDownList ID="ddlParent" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlParent_SelectedIndexChanged">
<asp:ListItem Text="Option 1" Value="1"></asp:ListItem>
<asp:ListItem Text="Option 2" Value="2"></asp:ListItem>
<asp:ListItem Text="Option 3" Value="3"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddlChild" runat="server"></asp:DropDownList>
```
2. 在代码中为父级 Select 控件的 OnSelectedIndexChanged 事件添加处理程序。
```csharp
protected void ddlParent_SelectedIndexChanged(object sender, EventArgs e)
{
// 清空子级 Select 控件中的选项
ddlChild.Items.Clear();
// 根据父级选项加载子级选项
switch (ddlParent.SelectedValue)
{
case "1":
ddlChild.Items.Add(new ListItem("Child Option 1", "1"));
ddlChild.Items.Add(new ListItem("Child Option 2", "2"));
break;
case "2":
ddlChild.Items.Add(new ListItem("Child Option 3", "3"));
ddlChild.Items.Add(new ListItem("Child Option 4", "4"));
break;
case "3":
ddlChild.Items.Add(new ListItem("Child Option 5", "5"));
ddlChild.Items.Add(new ListItem("Child Option 6", "6"));
break;
}
}
```
3. 在父级 Select 控件中选择一个选项后,子级 Select 控件会根据选项加载相应的选项。
这样就完成了 ASP.NET Select 控件的联动。
阅读全文