我有一个iframe,其中包含一些用于数据输入的选择下拉列表。我最近开始注意到鼠标单击iframe中的select元素,下拉列表不会展开。用户可以单击下拉菜单以设置焦点,然后使用键盘上的向上/向下箭头滚动内容,但单击列表旁边的箭头按钮不会使其扩展和放大。显示其内容。
此框架嵌入的父页面位于不同的域中。最初我认为这可能与iframe中的javascript onfocus事件有关。我删除了所有的脚本,摆脱了所有的css并将其削减为一个简单的静态html父级,其中包含一个仅包含select元素的静态html的简单iframe页面。在同一服务器上运行时,下拉列表正常运行,但当父页面位于一个域上,而iframe内容位于另一个域上时,无法展开选择列表。
这个问题似乎只发生在IE7中。我在IE8和IE中测试过IE9没有任何问题,以及Safari,Chrome和& Firefox浏览器。我发现了一些博客文章(下面的链接)在上周出现了似乎正在遇到同样的问题,但没有解决方案。
http://scrumpy-jack.com/post/11177166236/html-select-crazy-egg-ie-and-iframes-updated
有没有人找到解决这个问题的方法?
答案 0 :(得分:4)
我们通过仅针对IE7用户使用JQuery下拉菜单替换标准下拉菜单,为此问题制定了解决方法。我们开发了一个脚本并将其放在一些IE条件标签之间。
我们等不及MS发出另一个补丁了!
答案 1 :(得分:2)
显然这个错误是由于刚刚发布的安全更新(2586448):