使用jquery向表中添加新行

时间:2012-08-31 19:04:40

标签: jquery html

当我尝试添加新行时,行中的字段如下

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

但我想显示它包含的值。

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" />

有人可以帮我吗?

1 个答案:

答案 0 :(得分:3)

也许这个?

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