如何在使用javascript提交之前预览包含用户数据的动态输入字段

我刚刚开始学习和实现javascript。这是我的代码，请帮助我“如何在使用javascript提交之前预览带有用户数据的动态输入字段”这是示例代码

var counterText=0；
var counterpasswordfield=0；
var counterRadioButton=0；
var=0；
var counterTextArea=0；
var counterButon=0；
var计数器下拉=0；
var计数器标签=0；
函数addAllInputs（divName，inputType）{
var newdiv=document.createElement（'div'）；
开关（输入类型）{
案例“文本”：
var x=提示（“输入标签名称”）；
如果（x！=null）{
newdiv.innerHTML=“+x+”：
”；
counterText++；
}
打破
案例“密码”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterpasswordfield++；
打破
案例“标签”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“
”；
反标签++；
打破
“电子邮件”案例：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
反标签++；
打破
“无线电”案例：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterRadioButton++；
打破
案例“复选框”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterCheckBox++；
打破
案例“下拉列表”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：---选择----YesNo
”；
计数器下拉++；
打破
案例“textarea”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：在此处键入…”；
counterTextArea++；
打破
案例“按钮”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=“+x+”；
反丁酮++；
打破
}
document.getElementById（divName）.appendChild（newdiv）；
}

---挑选---
文本字段
标签
密码字段
电子邮件字段
单选按钮
复选框
下降
文本区
按钮


登记

下面是JQuery代码，单击register按钮将显示字段的值。您可以检查、使用它，并相应地调整它以满足您的需要：

var counterText=0；
var counterpasswordfield=0；
var counterRadioButton=0；
var=0；
var counterTextArea=0；
var counterButon=0；
var计数器下拉=0；
var计数器标签=0；
函数addAllInputs（divName，inputType）{
var newdiv=document.createElement（'div'）；
开关（输入类型）{
案例“文本”：
var x=提示（“输入标签名称”）；
如果（x！=null）{
newdiv.innerHTML=“+x+”：
”；
counterText++；
}
打破
案例“密码”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterpasswordfield++；
打破
案例“标签”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“
”；
反标签++；
打破
“电子邮件”案例：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
反标签++；
打破
“无线电”案例：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterRadioButton++；
打破
案例“复选框”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：
”；
counterCheckBox++；
打破
案例“下拉列表”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：---选择----YesNo
”；
计数器下拉++；
打破
案例“textarea”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=x+“：在此处键入…”；
counterTextArea++；
打破
案例“按钮”：
var x=提示（“输入标签名称”）；
newdiv.innerHTML=“+x+”；
反丁酮++；
打破
}
document.getElementById（divName）.appendChild（newdiv）；
}
$（“#注册”）。在（'click'，function（）上{
$（“#dynamicInputs输入”）。每个（函数（）{
$（“#previewValues”）.append（$（this.val（））；
});
返回false；
});


---挑选---
文本字段
标签
密码字段
电子邮件字段
单选按钮
复选框
下降
文本区
按钮


登记
预览：
为什么要标记
jquery
？您没有使用任何jquery代码。您希望使用JQuery得到答案吗？您好，感谢您的回复，希望知道JQuery的人能够用javascript回答问题。嗯，我无法获得标签名称，因为您的DOM结构不一致。有些有
标签
标签，有些没有。