JQuery Adding of row in table not working

Question

I'm trying to add a row in a table from a data from another table. it says uncaught reference error.

here's the function

function addItem(id, name){
    bootbox.confirm("Are you sure?", function(result) {
        if (result) {
            $('#ingredients_table').append("<tr><td>"+name+"</td></tr>");
        }
    });
}

here's the table where I'm calling the js function

<?php foreach($inventory as $row): ?>
    <tr style="cursor: pointer;" data-toggle="tooltip" data-placement="top" title="Add ingredient" onclick="javascript:addItem(<?php echo $row->inventory_id; ?>, <?php echo $row->name; ?>)">
    <td><?php echo $row->name; ?></td>
</tr>
<?php endforeach; ?>

The ID is showing in the table when I switch them, but the name is not.

Show the rendered HTML results since that is what the function and jQuery work with. — Mark Schultheiss
– Mark Schultheiss, Commented Mar 27, 2018 at 10:30
since u are using php better enclose parameters in quotes like onclick="javascript:addItem('<?php echo $row->inventory_id;?>','<?php echo $row->name;?>')" — Vibin TV
– Vibin TV, Commented Mar 27, 2018 at 10:32
@VibinTV that solved the problem, seems that it needs quotes. Thanks man! — Alvinrightback
– Alvinrightback, Commented Mar 27, 2018 at 10:34

Pradeep · Accepted Answer · 2018-03-27 10:33:27Z

2

Hope this will help you :

use '' (quotes) for javascript function arguments

 <?php foreach($inventory as $row): ?>
    <tr style="cursor: pointer;" data-toggle="tooltip" data-placement="top"
        title="Add ingredient" 
        onclick="javascript:addItem('<?php echo $row->inventory_id; ?>', '<?php echo $row->name; ?>')">

   <td><?php echo $row->name; ?></td>

answered Mar 27, 2018 at 10:33

Pradeep

9,70713 gold badges29 silver badges34 bronze badges

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

2 Comments

Pradeep Over a year ago

glad it helps you , happy coding

user4419336 Over a year ago

@Alvinrightback don't forget to accept answer if solved for you.

Collectives™ on Stack Overflow

JQuery Adding of row in table not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related