Javascript 从同一页面上的不同表单中提取输入项

我并不像我想的那样精通JavaScript，但我仍在学习。我有一个简单的页面，其中有一个表单供用户输入各种信息，然后单击submit按钮后，它将显示一个覆盖弹出窗口，其中包含使用用户输入的项目的配置。但是，我不知道如何使用多个表单，而不需要用户将信息放入两次。本质上，我将有多个提交按钮，它们生成不同的配置，但使用用户填写的表单中的相同信息

此外，任何帮助清理我目前拥有的javascript的帮助都将非常棒！我发现添加多个脚本非常麻烦，因为我确信一个脚本就可以完成

以下是我迄今为止所做工作的代码笔链接：

$（'.meta'）。在（'submit'，function（）上{
event.preventDefault（）；
$（this）.find（'.field'）.each（function（）{
var id=$（this.attr（'id'）.replace（'field'，''）；
$（'.modal#'+id）.text（$（this.val（））；
$（'.modal'）.show（）；
$（'.overlay'）.fadeIn（200）；
});
});
$（'.modal close'）。在（'click'，function（）上{
$（'.overlay'）。淡出（200）；
$（'.modal'）.hide（）；
});
$（'.user'）。在（'submit'，function（）上{
event.preventDefault（）；
$（this）.find（'.field'）.each（function（）{
var id=$（this.attr（'id'）.replace（'field'，''）；
$（'.modal#'+id）.text（$（this.val（））；
$（'.modal user'）.show（）；
$（'.overlay user'）.fadeIn（200）；
});
});
$（'.modal close'）。在（'click'，function（）上{
$（'.overlay user'）.fadeOut（200）；
$（'.modal user'）.hide（）；
}); <
/脚本>
<
脚本>
函数copyClipboard（）{
var elm=document.getElementById（“meta”）；
//用于Internet Explorer
if（document.body.createTextRange）{
var range=document.body.createTextRange（）；
range.moveToElementText（elm）；
range.select（）；
文件。执行命令（“副本”）；
}else if（window.getSelection）{
//其他浏览器
var selection=window.getSelection（）；
var range=document.createRange（）；
范围。选择节点内容（elm）；
selection.removeAllRanges（）；
选择。添加范围（范围）；
文件。执行命令（“副本”）；
}
}
函数copyClipboard（）{
var elm=document.getElementById（“用户”）；
//用于Internet Explorer
if（document.body.createTextRange）{
var range=document.body.createTextRange（）；
range.moveToElementText（elm）；
range.select（）；
文件。执行命令（“副本”）；
}else if（window.getSelection）{
//其他浏览器
var selection=window.getSelection（）；
var range=document.createRange（）；
范围。选择节点内容（elm）；
selection.removeAllRanges（）；
选择。添加范围（范围）；
文件。执行命令（“副本”）；
}
}

.overlay{
位置：绝对位置；
排名：0；
左：0；
背景色：rgba（0,0,0,0.5）；
宽度：100%；
身高：100%；
显示：无；
}
.覆盖用户{
位置：绝对位置；
排名：0；
左：0；
背景色：rgba（0,0,0,0.5）；
宽度：100%；
身高：100%；
显示：无；
}
.莫代尔{
位置：固定；
排名前10%；
右：10%；
左：10%；
底部：10%；
边框：1px纯黑；
填充：30px；
背景色：#afafaf；
显示：无；
溢出y：滚动；
}
.模态用户{
位置：固定；
排名前10%；
右：10%；
左：10%；
底部：10%；
边框：1px纯黑；
填充：30px；
背景色：#afafaf；
显示：无；
溢出y：滚动；
}
.模式关闭{
边缘底部：30px；
}

TWAMP IP 1：


TWAMP IP 2：


设备TID：




步骤3-生成元数据文件



步骤4-生成用户数据文件

X

#云配置
chpasswd:{expire:False}
ssh\u pwauth:True


bootcmd:

/etc/hosts

-ip链接设置ens4关闭
-ip链接设置ens4名称eth0
-ifconfig eth0.0.0
-ip链接设置eth0打开
-ip链接设置ens4.4001关闭
-ip链接设置ens4.4001名称eth0.4001
-ifconfig eth0.4001 0.0.0
-ip链接设置
eth0.4001向上
-ifconfig eth0.4001:2
-ifconfig eth0.4001:2网络掩码255.255.255.254
-ifconfig eth0.4001:4
-
ifconfig eth0.4001:4网络掩码255.255.255.254




写入\u文件：

-path:/opt/firstboot/etc/firstboot.conf
权限：“0644”
所有者：root:root
内容：|

MNG_IF='ens2'




复制
X

实例id:iid-54cd3a6c7bcf
本地主机名：-twamp
网络接口：|
自动ens2
iface ens2 inet dhcp
自动ens4
iface ens4 inet static
地址0.0.0/24
自动ens4.4001
虚拟局域网原始设备ens4
地址0.0.0.0/24
自动ens4.4001:2
iface ens4.4001:2静态
vlan原始设备ens4
地址/31自动ens4.4001:4
iface ens4.4001:4
inet静态
vlan原始设备ens4
地址/31
复制

我要寻找的是一种选择单击时选择提交按钮的方法。我真的只想有一个表单，根据选择的按钮，将生成一个配置，其中包含用户输入的信息。我要寻找的是一种方法，可以选择单击哪个提交按钮。我真的只想有一个表单，根据选择的按钮，将生成一个配置，其中包含用户输入的信息。