热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

下拉菜单未按要求显示在IE11中(或其在Chrome/FF中的正确显示方式)

在下拉列表中选择了哪个项目,它会“停留”在下拉显示字段中,其他选项根据

在下拉列表中选择了哪个项目,它会“停留”在下拉显示字段中,其他选项根据可用选项列表中当前的选择位置显示在上方和/或下方: / p>

Initial Dropdown display

When the 3d Choice is selected (or any choice other than the first)

Another example of the 9th choice selected

我尝试删除Bootstrap class =“ form-control”,但该行为仍然存在。

我必须始终将选择项放到选择字段下方(当然,它们总是在Chrome / FF中执行)-但主要用户将使用IE11。

任何帮助深表感谢!另外,由于我是首次在S.O.上发帖,因此没有嵌入图片(至今!)-抱歉。


我再次尝试使用bootstrap 4开发示例。在测试中,我注意到如果Window的大小较小,则下拉列表的大小在扩展时会重叠。

代码:








要解决此问题,您可以尝试增加窗口的大小或尝试以固定大小显示窗口。然后它将正确显示下拉列表,没有任何问题。

,

显然,这是IE10 / IE11中的默认行为(尽管很难在文档中找到确凿的内容)。这是旧版SO帖子的链接:

IE10 Select box issue

所以.......我不得不创建一个自定义的JQuery函数,本质上是将选择内容拔出并添加到列表的顶部,然后在选择另一个选择时将其替换回来。这样,下拉菜单始终位于下拉字段下方。


推荐阅读
author-avatar
X---CAR
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有