Onclick Event for button not firing in Jquery

Question

0.00/5 (No votes)

See more:

Hi
I have a button created on a form. When I click on the button a "div" panel is created. This button is also executing its onclick event.

My problem is, the onclick event is not getting triggered/fired from the function ShowPanel()

Here is the code as below:

ASP.NET Page:

XML

<script src="http://code.jquery.com/jquery-2.1.1.js"></script>
    <script type="text/javascript">
        function ShowPanel() {
                $('#btnSubmit').trigger('click'); -- Calling the btnSubmit_Click event
                $('#divcontrol').toggle("slow");

                return false;
            }
    </script>

----Creating the small div panel and submit button---

XML

<div id="divcontrol" style="background-color: Green; border: 2 solid red;width:300px;height:100px;color:White;font-size:30px; display :none">
    </div>

----Submit button------
   <asp:Button id="btnSubmit" runat="server" Text="Submit" OnClientClick="javascript:return ShowPanel();
return false;" OnClick="btnSubmit_Click"/>

-------------C# Onclick event for Submit Button-------

C#

protected void btnSubmit_Click(object sender, EventArgs e)
       {
             GetDetails();
       }

The "div" panel is created when the button is clicked, but the onclick event is not getting fired/triggered from the function (ShowPanel()).

Is there a way how I can fire the btnSubmit_Click event from the function (ShowPanel()?

Posted 21-Oct-15 22:40pm

JacoBosch

Updated 21-Oct-15 22:43pm

v3

Add a Solution

Comments

F-ES Sitecore 22-Oct-15 4:56am

This code;

$('#btnSubmit')

accesses an item with an ID of btnSubmit. View the source of the page, are there any items there with an ID of btnSubmit?

JacoBosch 22-Oct-15 6:20am

Yes, the only ID of btnSubmit is the Submit button

F-ES Sitecore 22-Oct-15 6:35am

Did you view the page source and see an element with

<input type="submit" id="btnSubmit" ...

or are you just assuming?

JacoBosch 22-Oct-15 7:26am

Yes, the ID is there :-)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2015-10-22T04:05:00

OnClientClick calls the function ShowPanel(); and then you have written "return false;". You are also returning false from the function. So, it can't fire the server side method.

The code should look like below...

HTML

<asp:Button id="btnSubmit" runat="server" Text="Submit" OnClientClick="javascript:return ShowPanel(); "  OnClick="btnSubmit_Click"/>

XML

<script type="text/javascript">
        function ShowPanel() {
      $('#divcontrol').toggle("slow");

                return true;
            }
    </script>