使用JavaScript从表单中追加数据

不，我现在不想要php。 所以我的任务是。。。我想从表单中获取数据，然后使用该数据使用eventHandler创建新元素。。我还想保留使用事件处理程序的部分。问题是附加的数据不会在d页面中停留很长时间。请暂停

document.getElementById（“fom”）.addEventListener（“提交”，性能任务）；
函数performTask（）{
var input=document.getElementById（'input'）；
输入=输入值；
//控制台日志（输入）；
//警报（输入）；
var newList=document.createElement（'li'）；
newList.appendChild（输入）；
var元素=document.getElementById（'orList'）；
var child=document.getElementById（'last'）；
元素。insertAfter（newList，child）；
//e、 预防默认值（）；
}

名单
另一份名单
一些列表

首先，你做错了什么：

函数

performTask

需要接收

事件

参数

evt.preventDefault（）

取消可取消的事件， 不停止事件的进一步传播。（就你而言 提交活动）

insertAfter是一个Jquery函数，不是javascript

我使用insertAdjacentHTML javascript简化了代码 功能。有关此链接的详细信息：

newList.appendChild（输入）此行错误，因为无法追加字符串

以下是您对问题的回答：

document.getElementById（“fom”）.addEventListener（“提交”，性能任务）；
功能性能任务（evt）{
evt.preventDefault（）；
var input=document.getElementById（'input'）；
输入=输入值；
var d1=document.getElementById（'last'）；
d1.insertAdjacentHTML（'beforeend'，'
'+input+'
'）；
document.getElementById（'input'）。值=''；
}

名单
另一份名单
一些列表

为什么您注释掉了

e.preventDefault（）

？没有任何原因：）d代码仍然不工作我建议您查看开发人员控制台，查看由

performTask

方法引发的错误，该错误阻止了

e.preventDefault

called@skymage101k检查我的答案！