Javascript 单击特定图像时自动填充文本字段中的某些单词

我知道如何在HTML中创建文本字段。但我想要的是：我有一个文本字段，下面有五幅图像。如果用户单击第一个图像，则文字p1应自动写入文本字段。如果用户单击第二个图像，则应写入单词p2，依此类推。用户可以任意多次单击任何图像。他也可以用键盘打字，交替地点击图像。 那么，当用户单击图像时，如何使p1、p2等自动填充

编辑： 假设第一个图像是：

那么在函数体中应该写些什么来完成任务呢？

试试看

function write(text){
    document.getElementById("textFieldId").value += text;
}

---

StackOverflow不是代码工厂。请用您需要帮助的特定编程问题更新您的问题。请在需要时尝试$yourtextfieldid.val'p1或其他内容onclick@Dinesh他/她没有提到JQUERY你自己已经回答了这个问题。。。您包含了onclick标记。这就是答案。在阅读了如何使用onclick并使用您在尝试实现解决方案时遇到的特定问题更新您的问题后，尝试一下代码。@Matt抱歉，伙计，我认为jquery是一个javascript库，所以只有我说。@DavidPärsson，如果您是指document.getElementByIdtextFieldId.value+=text；这会将图像的值添加到文本字段的末尾，而不是替换它。两种方法都有效，但我不太确定muzzz需要哪一种。至少我是这样理解这个问题的。