Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jquery中的标记内追加标记_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在jquery中的标记内追加标记

Javascript 在jquery中的标记内追加标记,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试附加一个包含多个标记的字符串,但是每次我尝试时,3rd append only上都会显示“Uncaught SyntaxError:Unexpected token liquired”,如果没有该部分,代码工作正常。我做错了什么 这是我的密码: $(document).ready(function(){ $("#columnas").on('input',function(){ var cols = $("#columnas").val(); v

我正在尝试附加一个包含多个标记的字符串,但是每次我尝试时,3rd append only上都会显示“Uncaught SyntaxError:Unexpected token liquired”,如果没有该部分,代码工作正常。我做错了什么

这是我的密码:

$(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'>");
        }
    });
});
$(文档).ready(函数(){
$(“#columnas”).on('input',function(){
var cols=$(“#columnas”).val();
变量行=$(“#行”);
rows.empty();

对于(i=1;i,因为它是多行的,所以需要用反斜杠转义换行符,所以第三次追加的代码应该是这样的

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>");
行。追加(“\
INT\
VARCHAR(最大值)\
日期时间\
十进制(10,2)\
");

字符串中不能有换行符。(嗯,你可以,不是那样的。不是吗?这与问题无关,但在
输入
元素中有多个
类=
属性。这可能不会导致问题,但你可以通过合并它们来缩短/简化代码,例如