使用下面的代码,我可以在我的表(#courseelements)中插入一个新行。
$("#addbutton").click(function() {
$('#courseelements > tbody:last').append('<tr><td>Helloworld</td></tr>');
});但是,我想用<select>元素替换Helloworld。所以就像这样:
$("#addbutton").click(function() {
$('#courseelements > tbody:last').append('<tr><td>
<select class='plan_id'>
<option value='1'>Description</option>
<option value='2'>Description</option>
<option value='3'>Description</option>
</select>
</td></tr>');
});但这会在第一个撇号‘<select class='’的参数列表后显示"missing )“
你知道为什么吗?
发布于 2012-06-21 00:40:27
你忘了转义引号:
$("#addbutton").click(function() {
$('#courseelements > tbody:last').append('<tr><td>
<select class=\'plan_id\'>
<option value=\'1\'>Description</option>
<option value=\'2\'>Description</option>
<option value=\'3\'>Description</option>
</select>
</td></tr>');
});作为另一种选择,您可以将整个附加的字符串放在双引号中,在单引号的开头:
$("#addbutton").click(function() {
$('#courseelements > tbody:last').append("<tr><td>
<select class='plan_id'>
<option value='1'>Description</option>
<option value='2'>Description</option>
<option value='3'>Description</option>
</select>
</td></tr>");
});发布于 2012-06-21 00:39:44
var select=$("<select class='plan_id'></select>")
.append("<option value='1'>Description</option>")
.append("<option value='2'>Description</option>")
.append("<option value='3'>Description</option>");
$('#courseelements > tbody')
.append($("<tr><tr>"))
.append($("<td></td>")
.append(select));发布于 2012-06-21 00:40:34
您需要对HTML内的引号使用不同的引号类型,而不是对HTML周围的引号使用不同的引号类型:
$("#addbutton").click(function() {
$('#courseelements > tbody:last').append("<tr><td>
<select class='plan_id'>
<option value='1'>Description</option>
<option value='2'>Description</option>
<option value='3'>Description</option>
</select>
</td></tr>");
});https://stackoverflow.com/questions/11124139
复制相似问题