asp下拉列表中onchange事件的Javascript答案

【问题标题】：Javascript for onchange event in asp dropdownlistasp下拉列表中onchange事件的Javascript
【发布时间】：2012-07-30 16:49:30
【问题描述】：

我正在寻找用于 javascript 的示例代码，以检查该项目是否在下拉列表中被选中。然后让它可见。

【问题讨论】：

你有没有尝试过？
事物变得可见，是divs还是什么？
让什么可见？请详细说明您的问题。
@yogi 下拉列表中的项目。

标签： javascript asp.net ajax drop-down-menu onchange

【解决方案1】：

我会这样做：（使用 jquery）：

    $(function () {
        $("#<%= AspControlName.ClientID %>").change(function () {
            if ($(this).val() == "TheValueYouWant") {
                $("#WhatToShowID").show();
            } else {
                $("#WhatToHideID").hide();
            }
        });
    });

【讨论】：

这似乎是正确的，但我不知道如何使用 jquery。我还需要在 c# 端和我的页面加载上使用其他代码吗？

【解决方案2】：

如果您想在代码中使用 C# 来执行此操作，您可以这样做：

示例 HTML：

<asp:DropDownList ID="DropDownList1" autopostback="true" runat="server">            </asp:DropDownList>

C#代码

protected void DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e)
{
    //Make sure everything is hidden
    item_1_extra_stuff.Visible = false;
    item_2_extra_stuff.Visible = false;

    switch (DropDownList1.Text) {
        case "Item 1":
            item_1_extra_stuff.Visible = true;
            break;
        case "Item 2":
            item_2_extra_stuff.Visible = true;
            break;
    }

}

回发允许下拉列表触发该事件，然后 case 语句只检查当前输入并运行显示/隐藏所需的内容。

【讨论】：

谢谢，我试试这个。我似乎更容易理解。所以如果我使用它，那么我不需要任何 javascript 代码？
这种方法完全不需要 JS，如果可行，请将答案标记为已接受。
这就是我想要做的，有人提到也使用自动回发。我只需要弄清楚我认为如何使用背后的代码？ stackoverflow.com/questions/11564871/…
基本上，在 Visual Studio 中，如果您双击下拉菜单，它将生成 SelectIndexChange 函数供您添加代码。