【发布时间】：2018-09-30 10:35:22
【问题描述】：
我正在寻求您的帮助。 我制作了一个我想在工作中使用的表格。由于我必须整天做报告，我虽然在我使用的软件中准备好可以复制/粘贴的表格会更快。
这是我到目前为止所做的事情：http://jsfiddle.net/5j0mfero/
当我填写“描述”字段时，它会在“预览”文本框中写入所有内容，但对于其他文本框和复选框我没有成功。
事情是我希望它以这种方式预先格式化：
Description : //value of description's field
Equipment : // value of equipment
Tests : █ // value of checkbox
█ // value of checkbox
█ // value of checkbox
█ // value of textbox "other"
Option : // values of "option" checkboxes comma separated
Terminal : // values of checkboxes + textbox "other"
是否可以使用 jquery 或 javascript 来实现？ 如果是，我该怎么做？
然后我会添加一个按钮来复制预览框。
感谢您的回答。
【问题讨论】：
-
嗨@Ludo，我看了你的jsfiddle，你应该可以。一种方法可能如下：将侦听器应用于您希望在预览中显示的所有输入。对于文本输入，这应该是一个按键监听器，就像你所做的那样。对于复选框，您可以使用点击事件。您可以在 HTML 上实现这一点，或者通过定位元素并使用 JS 附加侦听器来实现。所有这些监听器都应该调用 1 函数，然后从 DOM 中获取它们的值并生成预览。
-
谢谢@M Mansour。我明白你告诉我的。现在我检查了它，我面临另一个问题。在锚 之间，如果我使用要使用的模板预先编写，我如何在正确的位置插入表单中的值？我想要它在文本区域，因为它必须是可定制的。提前谢谢你。
-
我在 jsfiddle 中找不到
标签： javascript jquery forms web-applications