asp.net - 如何根据 DropDownList 的值触发 ModalPopupExtender？

Question

我有一个 DropDownList、一个按钮和一个 ModalPopupExtender。

当用户单击按钮时，根据他们选择的值，我想让按钮导致正常回发，或者触发 ModalPopupExtender（并取消按钮回发）。

我通过在服务器端使用 ModalPopupExtender.Show() 和 ModalPopupExtender.Enabled 实现了这一点，但想知道是否有人能想到更好的方法，使用 JavaScript 来避免回发。

Answer 1

我已经使用一点 jQuery 让它工作了（尽管这不是必需的）。我将在另一次充实这个答案，但在此之前这里是基础知识：

<asp:HiddenField ID="ModalPopupExtenderHiddenField" runat="server" />

<asp:LinkButton OnClientClick="javascript:return ApplyButton_Click()" />

<uc:ModalPopupExtender TargetControlID="DiscardModalPopupExtenderHiddenField" BehaviorID="ModalPopupExtender" />

function ApplyButton_Click()
{
    if ($('.jsActionsDropDown')[0].value == 1)
    {
        $find('ModalPopupExtender').show();
        return false;
    }
}