dynamically add html element using jquery

Question

based on the answer to my previous question by BlausC i am now able to use jquery to a certain extent. but now i need to add a checkbox control to the table created by jquery based on a postback from servlet. the code i am using is

 $("#linkInstr").click(function(){
   var arr=new Array();
   var cdid=$("#cboinstr option:selected");
    var code=$("#cbovendcode option:selected");
   $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){

      arr=data.split(",");
      var tbl= $("#tblDetails");
      $('<tr>').appendTo(tbl).append($('<td>'))
      .append($('<td>').text(code.val()))
      .append($('<td>').text(cdid.text()))
      .append($('<td>').text(arr[0]))
      .append($('<td>').text(arr[1]))
      .append($('<td>').text(arr[2]))
      ;

   })

})

any help will be greatly appreciated

the checkbok will be at the first td of the tbl

sansknwoledge
– sansknwoledge

2009-12-22 16:40:47 +00:00
Commented Dec 22, 2009 at 16:40 — sansknwoledge
– sansknwoledge, Commented Dec 22, 2009 at 16:40

Ariel · Accepted Answer · 2009-12-22 16:56:03Z

2

Here's a better way that includes the checkbox and is much more efficient.

 $("#linkInstr").click(function(){

   var arr=new Array();
   var contents;

   var cdid=$("#cboinstr option:selected");
   var code=$("#cbovendcode option:selected");

   $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){
      arr=data.split(",");
      contents = '<tr><td><input type="checkbox" /></td><td>' + cdid.text() + '</td><td>' + arr[0] + '</td><td>' + arr[1] + '</td><td>' + arr[2] + '</td></tr>';

      $("#tblDetails").append(content);
   });
});

answered Dec 22, 2009 at 16:56

Ariel

4,5102 gold badges24 silver badges23 bronze badges

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

1 Comment

sansknwoledge Over a year ago

thanks Ariel, that works, mean while thanks for the efforts of alex and Vig also. soon i will post my next question also :-)

Frederik Vig · Accepted Answer · 2009-12-22 16:48:03Z

0

Just append the markup for the checkbox where you need it. Note that calling append like that is unnecessary, take a look at this post for more information: 43,439 reasons to use append() correctly

answered Dec 22, 2009 at 16:48

Frederik Vig

4301 gold badge5 silver badges11 bronze badges

Comments

Alex · Accepted Answer · 2009-12-22 16:50:57Z

0

I foudn a good tutorial where users have shown some JQuery plugin which you can play with. Though this is not a basic tutorial to help you to learn JQuery. But you can reuse the already developed code in your web project. See the link techcubetalk

answered Dec 22, 2009 at 16:50

Alex

1

Collectives™ on Stack Overflow

dynamically add html element using jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related