Javascript 将Textarea内容传递到现有表单中

Javascript 将Textarea内容传递到现有表单中,javascript,sweetalert,Javascript,Sweetalert,我在购物车上添加了这个项目,用户可以选择告诉关于该文章的任何进一步信息 触发“click”事件后,会出现一个sweetalert模式popsup,其中有一个文本区域供用户提供更多信息 如何将用户在此文本区域内插入的信息传递到现有表单中? 一旦他们结帐,结帐表单就会出现在左侧,提示用户提供他的联系信息 函数TextArea(){ 喷火({ 标题:“Bemerkung”, 输入:'textarea', 输入占位符:“我们将继续努力” }) } .cart\u项目{ 显示器:flex; 填充顶

我在购物车上添加了这个项目,用户可以选择告诉关于该文章的任何进一步信息

触发“click”事件后,会出现一个sweetalert模式popsup,其中有一个文本区域供用户提供更多信息

如何将用户在此文本区域内插入的信息传递到现有表单中? 一旦他们结帐,结帐表单就会出现在左侧,提示用户提供他的联系信息

函数TextArea(){
喷火({
标题:“Bemerkung”,
输入:'textarea',
输入占位符:“我们将继续努力”
})
}
.cart\u项目{
显示器:flex;
填充顶部:12px;
垫底:12px;
-webkit框对齐:开始;
-webkit对齐项:flex开始;
-ms-flex-align:开始;
对齐项目:flex start
}
.购物车\项目\说明{
显示器:flex;
右边距:18px;
左边距:18px;
-webkit柔性方向:列;
-ms-flex方向:列;
弯曲方向:立柱;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
弹性:1;
}
.text-block-14{
字体大小:700px;
}
.卸下按钮{
宽度:25px;
高度:25px;
填充:0;
背景色:透明;
背景图片:url(https://uploads-ssl.webflow.com/5df78d3035688c75f8199fe6/5f37a16d65d8f8df2ca7dafa_trashopenoffice.svg);
背景位置:0.50%;
背景尺寸:自动;
背景重复:无重复;
背景附件:滚动条;
颜色:透明;
大纲:无;
}
w按钮{
显示:内联块;
填充:9px 15px;
背景色:白色;
颜色:白色;
边界:0;
行高:继承;
文字装饰:无;
光标:指针;
边界半径:0
}
贝默贡先生{
位置:相对位置;
左:30px;
顶部:-24px;
宽度:25px;
高度:25px;
背景色:透明;
背景图片:url(https://uploads-ssl.webflow.com/5df78d3035688c75f8199fe6/5f3830b87c03d7ae736cc485_pen%20loading-编辑(svg);
背景位置:0.50%;
背景尺寸:自动;
背景重复:无重复;
背景附件:滚动条;
颜色:透明;
大纲:无;
}
.购物车数量{
宽度:60px;
高度:38px;
边缘底部:10px;
填充:8px 8px 8px 12px;
边框:0实心#fff;
边界半径:5px;
背景色:#f7f8f9;
盒影:3px 3px 4px 0 rgba(158164172.25),-3px-3px 4px 0#fff;
大纲:无;
}

卡普列塞
$10
敷料
根据,当模态的操作完成时,
swal()
方法返回一个承诺

您可以简单地访问textarea内容,如下所示:

函数TextArea(){
喷火({
标题:“Bemerkung”,
输入:'textarea',
输入占位符:“我们将继续努力”
})。然后(结果=>{
常量字符串=result.value;
//现在可以在目标表单中创建一个新的隐藏输入节点;
const hiddenInput=document.createElement('input');
hiddenInput.value=字符串;
hiddenInput.name=/*适当的名称*/;
document.querySelector(/*表单选择器*/).appendChild(hiddenInput);
});
}

请在问题中显示完整的代码,而不仅仅是一个fiddle链接。-这可以作为一个片段来完成,它将实际运行类似于fiddleThank@按钮的代码,它正在根据需要工作。因此Sweetalert2返回值并将其保存到变量
string
中,然后从那里我创建一个输入以进一步追加到表单中。我理解正确。