add new row to a table using jquery

Question

when I try to add a new row the fields in a row are as follows

$('#building').val()   $('#floor').val()

But I want to display the value it contains.

jQuery:

var newRow =
    $("<tr><td>$('#building').val()</td><td>$('#floor').val()</td><td></td></tr>");     
    $('#building-table').append(newRow);

html:

<select id="building" name="building" >
<option>1</option>
<option>2</option>
</select>
<input id="floor" name="floor" type="text" />
<input type="button" id="save" value="save" />

Can anyone help me on this?

You have to concatenate the return values of those functions with your HTML string, if you simply enclose it in quotes then it'll be treated as a string. JS behaves differently than PHP if you have experience with it. — Fabrício Matté
– Fabrício Matté, Commented Aug 31, 2012 at 19:07

David Bélanger · Accepted Answer · 2012-08-31 19:05:54Z

3

Maybe this ?

var newRow = "<tr><td>"+$('#building').val()+"</td><td>"+$('#floor').val()+"</td><td></td></tr>";
$('#building-table').append(newRow);

answered Aug 31, 2012 at 19:05

David Bélanger

7,4585 gold badges42 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

add new row to a table using jquery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related