Add rows to gridview via JQuery?

Question

Just having a start with JQuery, I have a webform where there is a

Drop down list with numbers numbers 1,2,3 as items
A gridview on the form (with text boxes on each row for taking inputs)
If user selects 2 in dropdown list, 2 rows get added to the gridview with a textbox on each row

Currently I'm doing this with UpdatePanel & gridview server side. How do I do this with JQuery ?

Should I skip the gridview altogether and just drop a table on my webform & add rows to it via JQuery ?

How would I add the server side textboxes on each row ? Is there an easy alternate.

Thank you, Damien.

Rafay · Accepted Answer · 2011-02-23 05:41:23Z

1

have a look at .append and appendTo

answered Feb 23, 2011 at 5:41

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

5 Comments

I am trying prepend on an empty gridview initially but it does not work. Can you give a little hint ?

$('#btnTest').click(function(){ $('#<%=myGridView.ClientID%>').append("<tr>New row</tr>"); });

place your code inside $(document).ready(function(){//your code here});

Thanks Enigma my code is already inside document.ready function but it won't work.

The code works when there is a row in the gridview but not on a zero rows.