利用js实现一个按钮可选择多个事件

在Javascript中触发服务器端控件事件

让我们再来考虑第一个实例，我们为保存按钮增加了确认功能，只有在用户确认后才会执行保存操作，用户不确认的话就不执行，如果我们想要用户按下“取消”时，执行另外的操作怎么办呢？这就要需要用JS来回调(PostBack)服务器端控件完成操作。

当前页面中有一个DropDownList控件ddlTest,Button按钮btnSave.当选择ddlTest时触发onchange事件，保存当前的选择值，在保存前会让操作者先确认，用户确认则保存，否则转向default.aspx页。

在Page_Load事件中添加如下代码：

1string strCMD = Page.GetPostBackClientHyperlink( btnSave, "" );
2string script = @"Javascript:ConfirmUpdate(""EVAL_MESSAGE"");";
3script = script.Replace( "EVAL_MESSAGE" , strCMD );
4ddlTest.Attributes.Add("onchange",script);

 这段代码执行后生成的select控件将是这样：

1select name="ddlTest" id="ddlTest" onchange="Javascript:ConfirmUpdate("javascript:__doPostBack('btnSave','')");" 〉

ConfirmUpdate函数如下

 1〈SCRIPT language=javascript〉
 2    function ConfirmUpdate(cmd){
 3    if(confirm("Are you sure to update?"))
 4   {
 5       eval(cmd);
 6    }
 7    else
 8    {
 9        window.location.href="default.aspx"
10    }
11   }
12〈/SCRIPT〉

这里利用了Javascript eval函数来调用一个字符串中包含的命令。需注意的是包含命令的字符串不能用单引号括起来，因为自动生成的脚本中包括单引号，所以这里用两个双引号表示字符串本身的双引号。