Add a div with text & link button using jQuery

Question

I want to add some text and an asp: button inside a Div using jQuery.

Code:

Hi,  <p> Are you sure you want to go ahead</p><p>Please ignore this warning if this is not the first time you are logging in</p>
<asp:button ID="btnProceed" runat="server" Text="Proceed"></asp:button>

Implementation:

jQ('#proceedDiv').append("<div> Hi,  <p> Are you sure you want to go ahead</p><p>Please ignore this warning if this is not the first time you are logging in</p> <asp:button ID="btnProceed" runat="server" Text="Proceed"></asp:button></div>");

but i am getting an error saying expected '('

That error is where button code starts. With alone text(and not button control) the code works fine. Can someone help me to fix it ?

do you mean like this: <asp:Button ID=\"lnkGoback1\" runat=\"server\" ? it doesnot work. Any other way it should hv been done ? — BFry
– BFry, Commented Nov 13, 2012 at 13:58
Try switching them to single quotes instead: <asp:button ID='btnProceed' runat='server' Text='Proceed'> — Chase
– Chase, Commented Nov 13, 2012 at 14:00
You seem to be confusing server-side and client-side technologies. <asp:button> is a server-side component that renders to HTML markup in the page. jQuery allows you to modify that markup. Adding an <asp:button> element from the client side won't achieve anything, you should add the actual markup generated by the component instead. — Frédéric Hamidi
– Frédéric Hamidi, Commented Nov 13, 2012 at 14:06

Brian · Accepted Answer · 2014-06-03 19:50:13Z

0

You'll need to escape your quotes...

<asp:button ID="btnProceed" runat="server" Text="Proceed">

needs to become

<asp:button ID=\"btnProceed\" runat=\"server\" Text=\"Proceed\">

Also note that

<button onclick="doSomething()">Click Me</button>

answered Jun 3, 2014 at 19:50

Brian

1471 silver badge4 bronze badges

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

Collectives™ on Stack Overflow

Add a div with text & link button using jQuery

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related