首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

作者：X---CAR | 来源：互联网 | 2023-09-24 19:25
在下拉列表中选择了哪个项目，它会“停留”在下拉显示字段中，其他选项根据

在下拉列表中选择了哪个项目，它会“停留”在下拉显示字段中，其他选项根据可用选项列表中当前的选择位置显示在上方和/或下方： / 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函数，本质上是将选择内容拔出并添加到列表的顶部，然后在选择另一个选择时将其替换回来。这样，下拉菜单始终位于下拉字段下方。


推荐阅读
  • list

    响应式页面的概述和实现方式

    本文介绍了响应式页面的概念和实现方式，包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点，提出了选择方案的建议。同时，对于响应式页面的需求和背景进行了讨论，解释了为什么需要响应式页面。 ... [详细]
  • php

    2016 linux发行版排行_灵越7590 安装 linux (manjarognome)

    2016 linux发行版排行_灵越7590 安装 linux (manjarognome)
    RT之前做了一次灵越7590黑苹果炒作业的文章，希望能够分享给更多不想折腾的人。kawauso：教你如何给灵越7590黑苹果抄作业​zhuanlan.z ... [详细]
  • grid

    CSS |网格行结束属性

    CSS|网格-行-结束属性原文:https://www.gee ... [详细]
  • grid

    前端库Bootstrap框架：「11]使用 span 创建行内元素

    前端库Bootstrap框架：「11]使用 span 创建行内元素
    前端库Bootstrap框架：「11]使用 span 创建行内元素 ... [详细]
  • php

    lua语言闭包、模式匹配、日期、编译、模块的特性及应用

    本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值，函数可以作为变量自由传递，也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性，为程序开发带来了便利。 ... [详细]
  • utf-8

    Python3中选择文件对话框的格式打开和保存图片

    本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数，可以方便地选择要打开或保存的图片文件，并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • php

    Java实现大数乘法（分治算法）

    本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • php

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • php

    求解hdu 1003 java题目的动态规划优化方法

    本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]
  • php

    C#之数据集：DataSet对象的使用及相关方法详解

    本文介绍了C#中数据集DataSet对象的使用及相关方法详解，包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成，以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读，读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • list

    javascript – 概述在Firefox上无法正常工作

    javascript – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观：而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • php

    Vue项目优化上线

    1.移除consol.log()的babel插件安装：npmibabel-plugin-transform-remove-console-D配置：babel.config.js：这 ... [详细]
  • php

    最全的JAVA知识汇总（附讲解和思维导图）

    微信公众号：内核小王子关注可了解更多关于数据库，JVM内核相关的知识;如果你有任何疑问也可以加我pigpdong[^1]jvm一行代码是怎么运行的首先，java代码会被编译成字 ... [详细]
  • list

    小白的Python 学习笔记（八）推导式详解

    小白的Python 学习笔记（八）推导式详解
    大家好，今天我总结一下Python的推导式，首先让我们来看定义推导式（comprehensions）是Python的一种独有特性，是可以从一个数据序列构建另一个新的数据序列的结构体 ... [详细]
  • php

    gdbdocker

    gdb调python: https:wiki.python.orgmoinDebuggingWithGdbdocker中进行gdb因为ptrace被Docker默认禁止的问题。考虑 ... [详细]
author-avatar
X---CAR
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有