Javascript 是否可以通过单击图像完成表单，并将图像名称插入表单

我想知道一个或多个图像是否可以用于完成表格

如果img name=image1，则单击图像时，应将图像名称添加到表单输入字段中

表单的输入字段中应包含选定的图像名称

例如：如果选择image1，则值应为image1

这就是我到目前为止所做的。我可以让它改变一个para标签，但不是一个表单文本输入

HTML

为您的音乐选择图像

确认您的音乐品味：

JS

功能音乐（流派）{
document.getElementById（'genre'）。innerHTML=genre；
}

在js代码中，您应该执行以下操作：

document.getElementById('genre').value = genre;

要将多个图像添加到输入框中，请执行以下操作：

document.getElementById('genre').value += genre + ", ";

---

在js代码中，您应该执行以下操作：

document.getElementById('genre').value = genre;

要将多个图像添加到输入框中，请执行以下操作：

document.getElementById('genre').value += genre + ", ";

---

input

元素没有属性（该属性用于具有开始和结束标记的非表单字段元素）。表单字段元素具有

.value

属性

为您的音乐选择图像

确认您的音乐品味：
JS
功能音乐（流派）{
document.getElementById（'genre'）。value=genre；
}

输入

元素没有属性（该属性用于具有开始和结束标记的非表单字段元素）。表单字段元素具有

.value

属性

为您的音乐选择图像

确认您的音乐品味：
JS
功能音乐（流派）{
document.getElementById（'genre'）。value=genre；
}

当然可以。这很容易。你试过什么？您的代码在哪里？有很多关于事件处理（单击）的教程，这将是一个很好的开始，因为您似乎没有具体的问题，在Stackoverflow上有很多关于它的说明，您可以阅读。@ScottMarcus我已经添加了我用一个来完成的代码，其余部分我将复制它。我无法让它完成表单输入使用

，因此当单击图像时，它会选择checkboxSure。这很容易。你试过什么？您的代码在哪里？有很多关于事件处理（单击）的教程，这将是一个很好的开始，因为您似乎没有具体的问题，在Stackoverflow上有很多关于它的说明，您可以阅读。@ScottMarcus我已经添加了我用一个来完成的代码，其余部分我将复制它。我无法让它完成表单输入使用

因此，当单击图像时，它会选择复选框当我更改代码时，它什么也不做，如果我单击itOhk，我需要做什么才能让表单文本框填充图像名称，请添加行

console.log（体裁）在上面的语句之后，然后请告诉控制台是否显示任何错误以及它正在记录什么。现在可以工作在重做脚本后工作正常，是否有方法添加多个错误？例如，如果你喜欢流行音乐、摇滚乐、家庭音乐，那么可以将所有这些音乐添加到同一文本字段中？是的，当然可以。你可以用逗号分隔。为此，您必须为每个传递适当参数的图像进行特定的onclick，就像您对hiphop图像所做的那样。我已经编辑了我的文章，包括如何做到这一点。没问题！很高兴我能帮忙。请向上投票并标记为已接受（单击勾号）以结束问题。谢谢当我更改代码时，它什么也不做，我需要做什么才能让表单文本框中填充图像名称如果我单击itOhk，请添加行
console.log（体裁）在上面的语句之后，然后请告诉控制台是否显示任何错误以及它正在记录什么。现在可以工作在重做脚本后工作正常，是否有方法添加多个错误？例如，如果你喜欢流行音乐、摇滚乐、家庭音乐，那么可以将所有这些音乐添加到同一文本字段中？是的，当然可以。你可以用逗号分隔。为此，您必须为每个传递适当参数的图像进行特定的onclick，就像您对hiphop图像所做的那样。我已经编辑了我的文章，包括如何做到这一点。没问题！很高兴我能帮忙。请向上投票并标记为已接受（单击勾号）以结束问题。谢谢嗯，我下面也确实回答了这个问题。@tanmay_garg不，不是。您没有解释为什么
.innerHTML
不起作用以及为什么需要
值。Stack Overflow是一个知识库，不仅是为了让OP回答他们的问题，而且是为了将来有相同问题的读者。答案应该努力解释问题和答案，而不仅仅是提供答案，以便其他人可以学习。嗯，这也是我下面的答案。@tanmay_garg不，不是。您没有解释为什么
.innerHTML
不起作用以及为什么需要
值。Stack Overflow是一个知识库，不仅是为了让OP回答他们的问题，而且是为了将来有相同问题的读者。答案应该努力解释问题和答案，而不仅仅是提供答案，以便其他人可以学习。