0

我写了一个 javascript 生成的网页，可以从课程页面打开，为中文学生提供交互式抽认卡练习。它在一个（现在已弃用！）框架集页面上运行，该页面具有三个“列”，其中第二个和第三个框架页面由第一个框架页面中的 javascript 动态编写。第二和第三帧页面中的每一个都有一个 html 选择下拉菜单，使用相同的结构代码编写。然而，尽管第三帧页面中的下拉菜单出现了垂直滚动条，但第二帧页面中的下拉菜单 (a) 没有滚动条，并且 (b) “下拉”（在 Linux 平台上的 Firefox 中）超出了主浏览器窗口的顶部边缘，使下拉列表的顶部无法访问。包含 select 标签的 html 表单的结构是：

<form>
  <select size="1" name="sel_py" id="sel_py">
    <option class="lucidasansu" value="">CHOOSE</option>
    <option class="lucidasansu" value="er4">èr</option>
    <option class="lucidasansu" value="hang2">háng</option>
    <option class="lucidasansu" value="hao3">hǎo</option>
    ....
    <option class="lucidasansu" value="ye3">yě</option>
    <option class="lucidasansu" value="yi1">yī </option>
  </select>
  <span id="py_butt"><input type="button" name="py_button" value="CHECK" onClick="test_py(this.form.sel_py.value)"></span>
</form>

该标记没有“动作”值，因为 onClick 对标识为 py_button 的按钮的效果在框架页面组内起作用，以检查选择的有效性，并在第一个选择后显示第三个框架页面上的类似按钮成功了。

我已经检查了 W3C 标记验证器上的第二和第三帧页面的代码，它们只检查了一些小警告，所以我不明白为什么两个结构明显相同的下拉菜单会有如此不同的性能。

4

1 回答 1

0

所以这很奇怪。似乎没有任何加载的 CSS，因此这可能是问题的一部分，但我认为<frame>HTML5 可能是问题的根源。

查看此链接以了解有关 HTML5 和框架的更多信息。

<frameset> 可以与 HTML5 一起使用吗？

在 Firebug 中搞乱时，我设法通过将此 CSS 添加到选择标记来使其在正确的方向上进行下拉。所以我认为它可以通过一些 CSS 作为快速修复来解决。但就像我之前提到的。我在想使用框架和 HTML5 可能是根本原因。

#sel_py {
    display: block;
    height: 24px;
}

另请注意： 我无法为选择添加更多高度，而不会再次弄乱。

这可能不是您要寻找的答案。但我希望这会有所帮助。

于 2012-08-03T04:54:01.480 回答