javascript - asp下拉列表中onchange事件的Javascript

Question

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

Answer 1

我会做：（用jquery）：

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

Answer 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 语句只检查当前输入并运行显示/隐藏所需的内容。