将表单输出到 TextArea 并将带有标签的 TextArea 输出复制到剪贴板答案

【问题标题】：Output Form To A TextArea And Copy The TextArea Output With Labels To ClipBoard将表单输出到 TextArea 并将带有标签的 TextArea 输出复制到剪贴板
【发布时间】：2013-09-22 07:24:11
【问题描述】：

希望我能从这里得到一些帮助，这将有助于完成我的项目。

仅使用 JavaScript 和 HTML，我希望能够填写一个包含几个字段的表单，一旦我们单击提交按钮，它应该能够将这个完整的表单连同填写的内容输出到一个文本区域框甚至是一个 div 容器，然后能够复制该输出 div 容器或 textarea。

我试图在 jsfiddle 上摆弄它，但对此并不走运，它不断抛出一些错误。这是我尝试使用的JSFiddle。

function createIt() {
    var Name = document.thisForm.name.value;
    var Info = document.thisForm.info.value;

    alert(Name + Info);

    outputValue = +Name + Info;
    document.thisForm.outputArea.value = outputValue;
}

【问题讨论】：

标签： javascript html forms textarea clipboard

【解决方案1】：

我已经稍微更正了您的代码。例如：放置 document.getElementById("Name") 而不是你写的。

我在 JSBIN 中放置了一个工作示例，点击here

【讨论】：

@Sciption，感谢您的快速帮助。通过将输出提供给警报（），代码可以正常工作，我想看看是否可以让该输出显示在表单内的输出文本区域框中。是否也可以通过单击按钮将输出复制到剪贴板，我确实看到了许多选项，例如 Zclip 和 ZeroClipboard，但它无法获取输出。有什么建议吗？
如果我的回答对您有帮助，请标记它有帮助
你的回答对我帮助很大，但由于我是新来的，我不知道如何接受或竖起大拇指，只是发现并做到了，如果你想在另一部分提出一些建议可能...提前谢谢你们，这是非常有帮助的地方。
Zclip 是一个很好的解决方案，请参阅 stackoverflow 中有关如何使用它的不同示例，例如：jquery4u.com/plugins/jquery-copy-clipboard-4-options/…
太棒了！这个链接肯定有帮助，但无法让输出流入新的文本区域。如果文本能够进入输出文本区域，我可以根据我尝试的测试量有效地使用 zClip。