Javascript 单击时向字段添加文本

我想有一个单词列表，点击后会添加到要提交的表单中

比如：

Word1 Word2 Word3

[         ] (an empty field.)

单击Word1和Word3时，该字段将填充

Word1 Word2 Word3

[Word1 Word3]

这可能吗？我觉得使用javascript应该是可行的。

---

如何进行此操作？

为元素设置单击侦听器。您可以用一个类声明它们。单击后，从元素中获取数据并放入结果元素，如下所示：

$'.clickable'.clickfunction{$result.append$this.val；

---

};

您还可以使用javascript和类似的链接或按钮

<input type="button" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word1';" value="Word1"/><br/>
<a href="#" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word2';">Word 2</a><br/>
<br/>
<input type="text" id="word_field"/>

---

完全可能。您需要将每个单词包装在一个标记a或span中，然后只需监听click事件，抓取innerhtml并附加到Input，我一步一步地尝试，这是我有史以来第一次尝试在这里进行剪切和粘贴以外的内容。我想我将介绍第一部分，我可以在提交时将信息添加到表单中，不知道如何将跨域中的html发送到字段并在提交前显示。换句话说，史蒂夫，谢谢你告诉我这是可能的。没问题。如果你有什么问题，用你的代码编辑你的问题，我相信你会得到帮助。没有代码的问题在这里做得不好。让那些内联onclick处理程序离开那里。按照Wycliff的建议，用单词1标记可选择的单词要好得多。将内容html、样式css和行为js分开。非常感谢，这正是我想要的功能。