Question

我正在研究laravel 5.7 并且我需要一个脚本来单击加号按钮

来添加新表单

我找到了这个脚本，但是只添加了我需要添加整个表单的输入字段

 $(document).ready(function () {
        var max_fields = 10; //maximum input boxes allowed
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).click(function (e) { //on add input button click
            e.preventDefault();
            if (x < max_fields) { //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div id="post"><input type="text" name="options[]" class="form-control"><input type="text" name="options[]" class="form-control"></div><br>'); //add input box
            }
        });

Answer 1

不要通过javascript注入dom元素，这不是一个好习惯。如上所述，请看一下把手，您可以在其中将表单模板存储在自己的文件中。如果您要做的不仅仅是创建表单，那么vue.js也是一个不错的选择。

Answer 2

您将希望了解一些JS方法...

createElement（）-这将创建一个html DOM元素。例如...

let myDiv = document.createElement('div');

一旦创建了元素，它就会在以太坊中坐下来，直到您将其实际放置在页面上为止。这是一个像appendChild（）这样的方法开始播放的地方...

document.querySelector('someElement').appendChild(myDiv);
// This will append the myDiv element you created to your someElement

您还可以使用createTextNode（'your text'）创建文本并以相同的方式附加它。还有一个setAttribute（）方法，它带有两个参数：第一个是要设置的属性，第二个是要设置它的值。

js动态添加新表单

2 个答案: