Dynamically adding asp:button to web form using jQuery append() method

Question

I am trying to add an ASP.Net Button programatically using jQuery append method to HTML. Here is the code:

$("#form1 #container").append('<div id="cool"><asp:Button ID="Button1" runat="server" Text="Button" >/div> ');

But somehow it shows this error

Control 'Button1' of type 'Button' must be placed inside a form tag with runat=server.

Please help me. Thanks.

Rory McCrossan · Accepted Answer · 2013-01-09 08:44:21Z

2

It is not possible to add an asp:button to a page via javascript as it is a server-side control.

You can add a plain HTML <button /> to the page, but it will not be hooked up to postback and viewstate as an asp:button would be - you would need some method of doing that manually if required.

answered Jan 9, 2013 at 8:44

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

3 Comments

designerNProgrammer Over a year ago

Thanks. I am working on using a table from sql to create a gallery and add dynamic asp:buttons to it so that when the user clicks the button, it redirects with a session. But as you said it's not possible with jquery so please suggest another way. Thanks

Rory McCrossan Over a year ago

You're probably best off starting another question about that.

Shouvik Over a year ago

Try sending a ajax response to the page you are trying to get the asp button on, and then add the element using jquery or js.

Community · Accepted Answer · 2017-05-23 10:30:34Z

1

That is not possible, jquery can only append html controls not server controls. Have a look at this.

Diff. b/w server and html controls

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Jan 9, 2013 at 8:50

Hary

5,8368 gold badges49 silver badges91 bronze badges

Collectives™ on Stack Overflow

Dynamically adding asp:button to web form using jQuery append() method

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related