如何让javascript在字段中插入输入表单？

我试着写了好几次，但都没用。下面的代码是否有明显的错误？我正试图让它插入一个新的表单输入，其中包含一个不断变化的名称值

<script>
    $("document").ready(function(){
        console.log('wtf is going on');
        var i = 0;
        var insert = '<div class="form-group"> +
                <label>Categories</label>+
                <input type="text" class="form-control" name="category' +i+'" value="test"></div>';
        $(".lolz").click(function(){
            i++;
            $(".lolz").before(insert)});
    });
</script>

---

问题在于插入字符串中的换行符：

这样试试

var insert = '<div class="form-group">'
              insert += ' <label>Categories</label>'
               insert += '<input type="text" class="form-control" name="category' +i+'" value="test"></div>';

---

JS字符串中的换行符会给您带来问题。JavaScript中的多行字符串不受支持。看见下次，使用F12打开浏览器控制台，您将立即看到这些错误。

var insert = '<div class="form-group"> \
              <label>Categories</label> \
              <input type="text" class="form-control" name="category' + i + 
             '" value="test"></div>';

var insert = '<div class="form-group">' +
             '<label>Categories</label>' +
             '<input type="text" class="form-control" name="category' + i + 
             '" value="test"></div>';

var insert = '<div class="form-group">'
              insert += ' <label>Categories</label>'
               insert += '<input type="text" class="form-control" name="category' +i+'" value="test"></div>';