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語句僅檢查當前輸入內容並運行所需的顯示/隱藏。