Javascript Div是在提交表单时创建的

我是网络开发新手，目前正在构建一个旅行计划。我有一个activity div，当您单击加号时，可以向下滑动表单以插入有关此活动的信息。基本上，每次用户点击submit时，我都想用这个表单中输入的信息创建一个div。我不知道这叫什么，也不知道如何实施，非常感谢您的反馈

---

为表单div编写html代码。将其另存为变量中的文本

(var html = "...") 

并使用jQuery

$("#divId").append(html)

---

您可以做的是创建一个函数来动态创建要向用户显示的元素，并在submit按钮的onClick处理程序上调用该函数

可能是这样的：

function create() {
    var parent = document.createElement('div');
    parent.className = 'parent';

    //you would have a child element for each bit of data the user has input
    var child = document.createElement('div');
    child.className = 'child';
    parent.appendChild(child);

    //append the newly created div to your container
    var container = document.getElementById('container');
    container.appendChild(parent);
}

然后将其添加到按钮onclick listener

var button = document.getElementById('button');
button.addEventListener('click', create);

如果同一用户输入数据不止一次，则可以多次调用

但是，如果只需要显示一次，您可以将所有内容都显示在那里，但不显示，并将其显示属性设置为“inline block”而不是“none”

如果需要，可以使用CSS动画属性向下滑动div（或任何需要的动画）。

函数createDiv（）{
var i=1；
var ele=document.createElement（“div”）；
ele.setAttribute（“id”、“DivId”+i）；
ele.setAttribute（“类”、“内部”）；
ele.innerHTML=“hi”+i；
输出。追加子项（ele）；
}

我会考虑在默认情况下隐藏div，然后在单击后变为可见。我不是反对者，但是你的问题太笼统了，无法回答。你可能想重新措辞，说得更具体一些，这样人们才能真正帮助你。您是否尝试过使用此解决方案？如果没有，请尝试一下，然后回到这里，在这里你会被绊住。为了扩展它，我不确定是否真的有可能创建这样的div。当你需要你的用户看到它的时候，它已经简单得多了，并且在你需要你的用户看到它的时候就展示它。谢谢你的反馈，“Jynyq相信我，如果我知道它叫什么，我不会发布这个问题，但是我会考虑下一次你说的话：谢谢你，这就是我想要完成的。非常感谢。我会试试的