[英]Appending a tag within a tag in jquery
我正在嘗試附加其中包含多個標簽的字符串,但是每次嘗試時,它只會在第3次附加上顯示“ Uncaught SyntaxError:Unexpected token ILLEGAL”,如果沒有該部分,代碼就可以正常工作。 我究竟做錯了什么?
這是我的代碼:
$(document).ready(function(){
$("#columnas").on('input',function(){
var cols = $("#columnas").val();
var rows = $("#rows");
rows.empty();
for (i = 1; i <= cols; i++ ) {
rows.append("<input class='linea-campo linea-titulo-ext"+i+"' name='linea-titulo-ext"+i+"' id='linea-titulo-ext"+i+"' type='text' class='form-control' required>");
rows.append("<input class='linea-campo linea-id-ext"+i+"' name='linea-id-ext"+i+"' id='linea-id-ext"+i+"' type='text' class='form-control' required>");
rows.append("<select class='linea-campo linea-sql"+i+"' name='linea-sql"+i+"' id='linea-sql"+i+"'>
<option value='1'>INT</option>
<option value='2'>VARCHAR(MAX)</option>
<option value='3'>DATETIME</option>
<option value='4'>DECIMAL(10,2)</option>
</select>");
rows.append("<input class='linea-campo2 linea-f"+i+"' name='linea-f"+i+"' id='linea-f"+i+"' type='checkbox' class='form-control'>");
rows.append("<input class='linea-campo2 linea-g"+i+"' name='linea-g"+i+"' id='linea-g"+i+"' type='checkbox' class='form-control'>");
rows.append("<input class='linea-campo2 linea-b"+i+"' name='linea-b"+i+"' id='linea-b"+i+"' type='checkbox' class='form-control'>");
}
});
});
由於它是多行的,因此您需要使用反斜杠來避免換行,因此您的第3次追加代碼應如下所示
rows.append("<select class='linea-campo linea-sql"+i+"' name='linea-sql"+i+"' id='linea-sql"+i+"'>\
<option value='1'>INT</option>\
<option value='2'>VARCHAR(MAX)</option>\
<option value='3'>DATETIME</option>\
<option value='4'>DECIMAL(10,2)</option>\
</select>");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.