如何根据DropDownList的值触发ModalPopupExtender？

Question

我有一个DropDownList，一个Button和一个ModalPopupExtender。

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

我已经通过在服务器端使用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;
    }
}