Question

所以我有一个有趣的问题。我有一个<select>菜单，除了一个例外，它就像我想要的那样工作。当我将鼠标悬停在任何<options>上时，突出显示的选项会从我悬停的选项跳到最高值（并且无论是否标记为“已选择”，它似乎没有区别）。当我单击它时，选择正确的选项，而不是突出显示的选项。它在Firefox中正常运行，但在Chrome中无效。

任何人都可以向我解释为什么它会像这样，以及我可能会做什么。

谢谢！

<select name="grade" id="grade" value="" >
   <option value="4" selected >A</option>
   <option value="3.7" >A-</option>
   <option value="3.4" >B+</option>
   <option value="3" >B</option>
   <option value="2.7" >B-</option>
   <option value="2.4" >C+</option>
   <option value="2" >C</option>
   <option value="1.7" >C-</option>
   <option value="1" >D</option>
   <option value="0" >E</option>
</select>

这是我在JavaScript中唯一一次使用它。正如我所说，它只是在google-chrome中不起作用。

var in_gpa = Number($('#grade').val());

Answer 1

您正在自行关闭选择和选项标记，尝试此操作并查看，此外，您无法为<select>代码设置值。

<select name="grade" id="grade">
   <option value="4" selected>A</option>
   <option value="3.7">A-</option>
   <option value="3.4">B+</option>
   <option value="3">B</option>
   <option value="2.7">B-</option>
   <option value="2.4">C+</option>
   <option value="2">C</option>
   <option value="1.7">C-</option>
   <option value="1">D</option>
   <option value="0">E</option>
</select>

Answer 2

我在Chrome Only中遇到完全相同的问题！

问题：Chrome扩展程序：FastestChrome - 浏览速度更快6.9.7

Answer 3

尝试在安装时禁用AdBlock。这导致我在下拉菜单中跳跃选项。

当我将鼠标悬停在<select>选项上时，为什么<select>选项跳转到另一个选项？</select>

3 个答案: