asp dropdownlist中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语句只检查当前输入和运行所需的显示/隐藏。