Firing the OnClick function of an asp:Button from calling .click()

Question

I'd like to call some server-side code from a Javascript function.

I have this button:

<asp:Button ID="quickAdd" runat="server" text = "Quick add" OnClick="QuickAdd" />

If I click it, the C# function QuickAdd is called as expected

I have this command in a javascript function:

document.getElementById("quickAdd").click();

and the execution of this function does nothing. No error, I assume it simply clicks the button but this doesn't cause trigger the event necessary for the QuickAdd C# function to fire.

How do I get around this?

possible duplicate of [Is it possible to trigger a link's (or any element's) click event through JavaScript?](http://stackoverflow.com/questions/143747/is-it-possible-to-trigger-a-links-or-any-elements-click-event-through-javascr) — jcolebrand, Jun 13 '11 at 21:53

score 1 · Answer 1 · answered Jun 13 '11 at 21:56

instead

document.getElementById("quickAdd").click();

use

document.getElementById('<%= quickAdd.ClientID %>').click();

where the quickAdd is actually the code name of your button variable. This is only because you will not be able to reference that html item because at runtime ID will change due to runat="server" - so this is only partial answer

score 0 · Answer 2 · answered Aug 14 '14 at 07:58

 $(document).ready(function () {

        $('#btnCancel').click(function (e) {
            e.preventDefault();

            $("<div><span><b>Are you sure you want to cancel this order?</b></span></div>").dialog({
                modal: true,
                draggable: false,
                resizable: false,
                width: 430,
                height: 150,
                buttons: {
                    "No": function () {
                        $(this).dialog("destroy");

                    },
                    "Yes": function () {
                        $("#btnCancel").unbind();
                        $(this).dialog("destroy");
                        document.getElementById('<%= btnCancel.ClientID %>').click();

                    }
                }
            });
        });

    });

Then in the Body

<asp:button id="btnCancel" runat="server" cssclass="button_major" text="Cancel" style="float: right"
                    onclick="btnCancel_ClickEvent" clientidmode="Static" />

score 0 · Answer 3 · edited May 23 '17 at 12:12

0

Specifically you should try the .onclick() method however a more thorough treatment of the matter is given here:

Is it possible to trigger a link's (or any element's) click event through JavaScript?

edited May 23 '17 at 12:12

Community

1
1

answered Jun 13 '11 at 21:54

jcolebrand

15,889
12
75
121

score 0 · Answer 4 · edited May 23 '17 at 11:55

0

you have 2 ways.

you can forget the QuickAdd server event and make an ajax call (see here how can this be done)
you can use the ASP.NET AJAX call to perform a Post, just hover the mouse in your link and see the javascript that will be executed, copy and use that method instead .click()

edited May 23 '17 at 11:55

Community

1
1

answered Jun 13 '11 at 21:55

balexandre

73,608
45
233
342

score 0 · Answer 5 · answered Jun 13 '11 at 22:00

the .click() is not native in Javascript (it is in jQuery). So, when you call .click(), nothing is going to happen, as .click() isn't specificed.

If you would like to get the onclick method for your object, use the following code:

 var func = document.getElementById("quickAdd").onclick;

At this point, func is the onclick function of your #quickAdd element. So, at this point, you can call:

func();

or

document.getElementById("quickAdd").onclick();

Either of those will get and execute your onclick event.

If this doesn't help, pull up your page in Firefox and execute your javascript with the Firebug console (Firebug is a Firefox plugin that you can install, and it gives you access to the ).

Firing the OnClick function of an asp:Button from calling .click()

5 Answers5