如何使用此函数从HTML表单中获取多个字段并进行复制?

时间:2012-04-11 21:24:59

标签: javascript html

function copyToClipboard (text) {
  window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
}

表格如下:

<table>
<form action="myform.php" method="post" onsubmit="return copytoClipboard()"           name="incidentCreator">
<th colspan="2">Incident Creator</th>
<tr>
<td>Email: <input type="text" name="email" value="" /></td>
<td rowspan="9"> 

</td>
</tr>
<tr>
<td>Name: <input name="name" value=""></td>
</tr>
<tr>

<td>Phone: <input type="text" name="phone" value="" /></td>
</tr>


function copyToClipboard (text) {
window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
}

有人发布此作为复制到剪贴板的解决方案,但它没有显示如何使用它。我是Javascript的新手,我正在尝试将HTML表单中的文本输出为

格式

有人能告诉我一个如何获取上述表单数据并准备好使用此Javascript函数进行复制的示例吗?

2 个答案:

答案 0 :(得分:0)

如果您希望用户以您希望的格式获取表单,则必须根据HTML表单自行呈现文本。使用jQuery获取所需的所有字段,然后生成最终文本,让用户复制您自己呈现的格式化文本。您可以使用

标签在html中预先格式化文本(它将呈现换行符和标签等...)。例如,您可以使用弹出窗口显示最终文本。

无论如何,javascript中没有自动执行您想要的功能。

答案 1 :(得分:0)

将表单转换为JSON字符串。首先从字段中创建JavaScript对象(http://stackoverflow.com/questions/1184624/convert-form-data-to-js-object-with-jquery),然后使用http://api.jquery.com/jQuery.parseJSON将其转换为字符串。< / p>