How to call a asp:Button OnClick event using JavaScript? [duplicate]

Question

I have a question, I have a button like below:

<asp:Button ID="savebtn" runat="server" OnClick="savebtn_Click" Visible="false" />

I then have HTML button like like below:

<button id="btnsave" onclick="fncsave">Save</button>

I have the javascript below:

<script type="text/javascript">
     function fncsave()
     {
        document.getElementById('<%= savebtn.OnClick %>').click()
     }
</script>

My question now is, how can I call the asp:Button OnClick from the HTML button? I have read you can do this by calling from JavaScript by Id but is not working.

Any help will be really appreciate it.

Thank you

could be a dupe... @Mortalus Is it cool to call the __doPostBack method? I've never done that in practice. — Glenn Ferrie
– Glenn Ferrie, Commented Mar 5, 2013 at 4:13
I'm not sure as what you mean by "cool" when referring to a JavaScript method :) but yes you can use it. If you can emulate an actual client button click like one of the answers that would be simpler because sometimes you might want to do a partial post back and then the answer in the question i have posted won't work . — Mortalus
– Mortalus, Commented Mar 5, 2013 at 5:06

Chirag · Accepted Answer · 2017-04-18 06:21:14Z

31

Set style= "display:none;". By setting visible=false, it will not render button in the browser. Thus,client side script wont execute.

<asp:Button ID="savebtn" runat="server" OnClick="savebtn_Click" style="display:none" />

html markup should be

<button id="btnsave" onclick="fncsave()">Save</button>

Change javascript to

<script type="text/javascript">
     function fncsave()
     {
        document.getElementById('<%= savebtn.ClientID %>').click();
     }
</script>

edited Apr 18, 2017 at 6:21

Chirag

1,0242 gold badges13 silver badges27 bronze badges

answered Mar 5, 2013 at 4:06

Sunny

4,8195 gold badges39 silver badges76 bronze badges

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

2 Comments

Eric Herlitz Over a year ago

The proper onclick would be onclick="fncsave(); return false;"

SearchForKnowledge Over a year ago

Life saver. If I use return false; will it prevent a PostBack?

Glenn Ferrie · Accepted Answer · 2015-05-12 13:26:08Z

6

If you're open to using jQuery:

<script type="text/javascript">
 function fncsave()
 {
    $('#<%= savebtn.ClientID %>').click();
 }
</script>

Also, if you are using .NET 4 or better you can make the ClientIDMode == static and simplify the code:

<script type="text/javascript">
 function fncsave()
 {
    $("#savebtn").click();
 }
</script>

Reference: MSDN Article for Control.ClientIDMode

edited May 12, 2015 at 13:26

answered Mar 5, 2013 at 4:12

Glenn Ferrie

10.4k3 gold badges46 silver badges77 bronze badges

5 Comments

Glenn Ferrie Over a year ago

my pleasure. Question. why not just use the ASP.NET button?

jorame Over a year ago

I'm using some CSS with jQuery and the ASP.NET is giving me a hard time to style it or make my design work.

Glenn Ferrie Over a year ago

That might be the subject for another post. HTML generated by .NET should operate no different that "plain old html" controls with respect to CSS

Glenn Ferrie Over a year ago

One more thing, using "static" clientIDMode might "lower the bar" regarding this CSS difficulty.

Иво Недев Over a year ago

I've gone trough pretty much every answer about my issue around the web, but your line "Also, if you are using .NET 4 or better you can make the ClientIDMode == static and simplify the code:" Finally made all the difference!!!!

Collectives™ on Stack Overflow

How to call a asp:Button OnClick event using JavaScript? [duplicate]

2 Answers 2

2 Comments

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

5 Comments

Linked

Related