Javascript 我想在ASP.Net中更新下拉框中的值而不刷新页面

我想以ASP.NET代码为例-

由于我有四个下拉框，当我选择第一个框中的值，然后在第二个框中根据第一个框过滤的值应该没有任何页面刷新，请帮助我

范例-

我给你们举一个国家、州、城市的例子。当我选择国家时，第二个框中的所有州都应根据国家更新，正如我选择国家时，第三个框中的所有城市名称都应更新一样

---

此过程不应刷新页面

如果您使用的是webforms，您可以在webforms中使用UpdatePanel，并在更新面板中提供下拉列表。。 请查找示例代码

List<Districts> list = new List<Districts>();
Districts item = new Districts();

protected void Page_Load(object sender, EventArgs e)
{
     if (drd1.SelectedItem.Value == "Kerala")
     {
        item.sname = "Ekm";
        item.id = 1;
        list.Add(item);
        Districts item1 = new Districts();
        item1.sname = "thr";
        item1.id = 2;
        list.Add(item1);
     }
     else
     {
        item.sname = "Coimbatore";
        item.id = 1;
        list.Add(item);
        Districts item1 = new Districts();
        item1.sname = "Chennai";
        item1.id = 2;
        list.Add(item1);
     }
  }

public class Districts
{
    public string sname { get; set; }
    public int id { get; set; }
}
protected void drd1_SelectedIndexChanged(object sender, EventArgs e)
{
    drd2.DataSource = list;
    drd2.DataTextField = "sname";
    drd2.DataValueField = "id";
    drd2.DataBind();
}

List List=新列表（）；
地区项目=新地区（）；
受保护的无效页面加载（对象发送方、事件参数e）
{
如果（drd1.SelectedItem.Value==“喀拉拉邦”）
{
item.sname=“Ekm”；
项目id=1；
列表。添加（项目）；
地区项目1=新地区（）；
项目1.sname=“thr”；
项目1.id=2；
增加（第1项）；
}
其他的
{
item.sname=“Coimbatore”；
项目id=1；
列表。添加（项目）；
地区项目1=新地区（）；
项目1.sname=“钦奈”；
项目1.id=2；
增加（第1项）；
}
}
公营班级地区
{
公共字符串sname{get；set；}
公共int id{get；set；}
}
受保护的void drd1\u SelectedIndexChanged（对象发送方，事件参数e）
{
drd2.DataSource=列表；
drd2.DataTextField=“sname”；
drd2.DataValueField=“id”；
drd2.DataBind（）；
}

你的页面看起来像这样

   <asp:ScriptManager ID="scr" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="upd" runat="server" >
        <ContentTemplate>
            <asp:DropDownList ID="drd1" runat="server" AutoPostBack="true"  OnSelectedIndexChanged="drd1_SelectedIndexChanged">
                <asp:ListItem Text="Kerala" Value="Kerala">
                </asp:ListItem>
                <asp:ListItem Text="TN" Value="TN"></asp:ListItem>
            </asp:DropDownList>
            <asp:DropDownList ID="drd2" runat="server" Width="100"></asp:DropDownList>
        </ContentTemplate>
    </asp:UpdatePanel>

---

显示一些迄今为止您已经尝试过的代码。。。