首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么当我将鼠标悬停在某个选项上时,<select>选项会跳转到另一个选项?

为什么当我将鼠标悬停在某个选项上时,<select>选项会跳转到另一个选项?
EN

Stack Overflow用户
提问于 2012-07-20 01:48:40
回答 3查看 245关注 0票数 0

所以我有一个有趣的问题。我有一个<select>菜单,除了一个例外,它都像我希望的那样工作。当我将鼠标悬停在任何<options>上时,突出显示的选项会从我悬停的选项跳到最上面的值(并且它是否被标记为“选中”似乎没有区别)。当我单击它时,它会选择正确的选项,而不是突出显示的选项。它可以在Firefox中正常工作,但在Chrome中不能正常工作。

有没有人能给我解释一下为什么会这样,我会怎么做。

谢谢!

代码语言:javascript
运行
复制
<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中不起作用。

代码语言:javascript
运行
复制
var in_gpa = Number($('#grade').val());
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-11-14 03:30:59

我只在Chrome中遇到了完全相同的问题!

问题: Chrome扩展:FastestChrome-浏览速度更快6.9.7

票数 1
EN

Stack Overflow用户

发布于 2012-07-20 02:22:54

你正在自动关闭select和option标签,试一下看看,而且你不能为<select>标签设置值。

代码语言:javascript
运行
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2014-07-05 23:15:05

请尝试在安装时禁用AdBlock。这给我带来了下拉列表中的跳转选项。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11566501

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档