Error when add row in php and jquery?

Question

<a class="checkModelButton" href="addrow.php">ADD ROW</a>
<table>
   <thead>
       <th>Name</th> 
   </thead>
   <tboby id="model_row">
       <tr>Nokia N70</tr>
   </tbody>
</table>

And jQuery:

jQuery('.checkModelButton').click(function(){
   var url = jQuery(this).attr('href');
   jQuery.ajax({
      type:'get',
      cache: false,
      url: url,
      success: function(html){
         jQuery('#model_row').html(html);
      }  
   });
});

in file addrow.php

<tr>Nokia N71</tr>

When I click on a tag is result is:

   <table>
       <thead>
           <th>Name</th> 
       </thead>
       <tboby id="model_row">
           <tr>Nokia N71</tr>
       </tbody>
    </table>

How to fix it to result is:

   <table>
       <thead>
           <th>Name</th> 
       </thead>
       <tboby id="model_row">
           <tr>Nokia N70</tr>
           <tr>Nokia N71</tr>
       </tbody>
    </table>

bugwheels94 · Accepted Answer · 2012-07-29 06:39:59Z

3

Use .append() OR .appendTo() instead of .html()

Like

success: function(html){
         jQuery('#model_row').append(html);
      }

OR

 success: function(html){
             jQuery(html).appendTo('#model_row');
          }

answered Jul 29, 2012 at 6:39

bugwheels94

32.1k3 gold badges43 silver badges62 bronze badges

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

Comments

Robin Maben · Accepted Answer · 2012-07-29 06:37:56Z

0

Using .html() will overwrite the content.

You need to append it.

$('#model_row').append(html);

answered Jul 29, 2012 at 6:37

Robin Maben

23.3k16 gold badges70 silver badges99 bronze badges

1 Comment

Robin Maben Over a year ago

@AnkitGautam: I hadn't seen his html structure. I assumed it was a row which is why I used insertAfter()

Collectives™ on Stack Overflow

Error when add row in php and jquery?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related