Calling the button.click() event from javascript doesn't fire

Question

I have the following source in aspx:

<div>
    <asp:HiddenField ID="hidValue" runat="server" />
    <asp:Button runat="server" ID="hidButton" OnClick="hidButton_Click"    /> 
    <script type="text/javascript">
        function ExtendPanel(PanelNumber) {
            var hidValue = document.getElementById('<%=hidValue.ClientID %>');
            hidValue.value = PanelNumber;

            document.getElementById('<%=hidButton.ClientID%>').fireEvent("onclick");
        }
    </script>
</div>

In my code behind, I have the following C# function declared:

protected void hidButton_Click(object sender, EventArgs e)
{
    int PanelNumber = int.Parse(hidValue.Value);
    ... do something with PanelNumber ...
}

When I click on the button using the mouse, "hidButton_Click" function is normally executed. However, when the javascript function ExtendPanel(PanelNumber) is executed, the click event seems to be fired, but the function is not executed.

fireEvent doesn't work in IE9 or greater. Why not just click? document.getElementById('<%=hidButton.ClientID%>').click(); — nmat
– nmat, Commented Jun 22, 2013 at 11:14
I have tried this. It still does not execute the click event. — matchbox
– matchbox, Commented Jun 22, 2013 at 11:20

painotpi · Accepted Answer · 2013-06-22 11:15:39Z

4

Replace this

document.getElementById('<%=hidButton.ClientID%>').fireEvent("onclick");

with

__doPostBack('hidButton','OnClick');

edited Jun 22, 2013 at 11:15

painotpi

7,0122 gold badges40 silver badges72 bronze badges

answered Jun 22, 2013 at 11:14

Raghubar

2,7981 gold badge23 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

matchbox Over a year ago

Nope, that doesn't do the trick. I am using the same principle on other pages in my project as well, and they work perfectly.

Raghubar Over a year ago

you can also use this code.. var clickButton = document.getElementById("<%= hidButton.ClientID %>"); clickButton.click();

Raghubar Over a year ago

then u can submit the form using javascript and check the condition in page load if match then call the required function. code for submit the form is - document.getElementById('form').submit();

sangram parmar · Accepted Answer · 2013-06-22 11:33:36Z

1

try this

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

answered Jun 22, 2013 at 11:33

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Comments

Siddharth · Accepted Answer · 2013-06-22 12:29:18Z

0

Try this one below

$('#<%=hidButton.ClientID%>').click();

edited Jun 22, 2013 at 12:29

Siddharth

9,63419 gold badges93 silver badges158 bronze badges

answered Jun 22, 2013 at 12:11

Arif YILMAZ

5,89630 gold badges114 silver badges200 bronze badges

Comments

Eugine Manuel · Accepted Answer · 2014-05-15 20:34:42Z

0

I got the same issues and resolved to put

OnClientClick="javascript:return true;"

answered May 15, 2014 at 20:34

Eugine Manuel

1

Collectives™ on Stack Overflow

Calling the button.click() event from javascript doesn't fire

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related