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

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

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

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

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

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

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

1 select 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函数来调用一个字符串中包含的命令。需注意的是包含命令的字符串不能用单引号括起来，因为自动生成的脚本中包括单引号，所以这里用两个双引号表示字符串本身的双引号。