Javascript 使用鼠标悬停/悬停事件设置隐藏元素的值

我试图在每一个鼠标切换事件上都使用#id更新隐藏值

我的消息来源：

#html
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')"></a></li>

...

<input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value="">

#code
function set_mouseover(id) {
  jQuery('#mouseover_cell_id').val(id);
}

#html




...
#代码
功能集\鼠标悬停（id）{
jQuery（'#mouseover_cell_id'）.val（id）；
}

上面的代码不起作用。知道为什么吗？为什么onmouseover甚至不设置值

检查是否包含jquery lib文件

检查是否在

标签中添加了

功能集\u mouseover（id）

功能集\u鼠标悬停（id）{
jQuery（'#mouseover_cell_id'）.val（id）；
}

检查是否包含jquery lib文件

检查是否在

标签中添加了

功能集\u mouseover（id）

功能集\u鼠标悬停（id）{
jQuery（'#mouseover_cell_id'）.val（id）；
}

试试这个

#html
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')"></a></li>

...

<input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value="">

#code
function set_mouseover(id) {
  document.getElementById('mouseover_cell_id').value=id;
}

#html




...
#代码
功能集\鼠标悬停（id）{
document.getElementById（'mouseover\u cell\u id'）。value=id；
}

这会有用的，谢谢）：

试试这个

#html
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')"></a></li>
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')"></a></li>

...

<input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value="">

#code
function set_mouseover(id) {
  document.getElementById('mouseover_cell_id').value=id;
}

#html




...
#代码
功能集\鼠标悬停（id）{
document.getElementById（'mouseover\u cell\u id'）。value=id；
}

---

这会起作用的，谢谢）：

我建议使用纯JavaScript，如果你不想锚定标记去任何地方，也可以使用span标记。也可能是因为锚定标记中没有任何内容，所以它们没有宽度或高度，因此无法悬停

代码：

li>span{
宽度：50px；
高度：50px；
}
功能集\鼠标悬停（id）{
document.getElementById（“mouseover\u cell\u id”）.value=id；
}

---

希望这能有所帮助。

我建议使用纯JavaScript，如果您不希望锚定标记去任何地方，也可以使用span标记。也可能是因为锚定标记中没有任何内容，所以它们没有宽度或高度，因此无法悬停

代码：

li>span{
宽度：50px；
高度：50px；
}
功能集\鼠标悬停（id）{
document.getElementById（“mouseover\u cell\u id”）.value=id；
}

---

希望这有帮助。

您在控制台上遇到任何错误吗？您是否初始化了jQuery库？是否包含了

jQuery

？请检查此答案-->在

a

中没有触发事件的内容。控制台上是否有错误？您是否初始化了jQuery库？您是否包含了

jQuery

？请检查此答案-->在

a

中没有触发事件的内容..您想详细了解什么，或者这有什么问题？我不明白您为什么要将

jQuery

替换为

document

。这似乎让你偏离了原来的问题。那些电话是什么？我不应该使用jQuery吗？坏吗？你做得更好吗？如果是，如何/为什么？在这个问题中，所有东西似乎都是正确的，但它仍然不起作用，可能是因为jquery（他没有附上这一点），所以我给您提供了使用文档的全局解决方案，没有理由说jquery不好，或者不需要使用，但根据条件我建议他很好，你最好在回答中详细说明这个原因，因为试试这个

code blob

不是那种能帮助未来访问者学习如何钓鱼的答案。阅读理解我为什么推你。注意大家的一致意见是如何否决这些答案的。np先生，我是堆栈溢出方面的新手，但我确信我能帮助人们解决他们的问题，我也了解了这个网站的规则，你想详细了解什么，或者这有什么问题？我不明白你为什么用

文档
取代
jQuery
。这似乎让你偏离了原来的问题。那些电话是什么？我不应该使用jQuery吗？坏吗？你做得更好吗？如果是，如何/为什么？在这个问题中，所有东西似乎都是正确的，但它仍然不起作用，可能是因为jquery（他没有附上这一点），所以我给您提供了使用文档的全局解决方案，没有理由说jquery不好，或者不需要使用，但根据条件我建议他很好，你最好在回答中详细说明这个原因，因为试试这个
code blob
不是那种能帮助未来访问者学习如何钓鱼的答案。阅读理解我为什么推你。注意大家的一致意见是如何否决这些答案的。np先生，我是个新手，但我确信我能帮助人们解决他们的问题，我也了解了这个网站的规则