Question

我的页面上有一个简单的选择元素：

<select id="info_routes" size="10"></select>

此选择框在页面加载时通过文档就绪的jquery填充：

for (var route in _routes) {
  var val   = _routes[route].id;
  var key   = 'route_'+val;
  $("<option />").attr({id: key, value: val}).appendTo('#info_routes');
  $('#info_routes > #'+key).text(_routes_text(_routes[route]));
}

结果是：

<select id="info_routes" size="10">
  <option id="route_1" value="1">9 - Two Nations Crossing</option>
  <option id="route_2" value="2">13S - Prospect</option>
  <option id="route_3" value="3">13N - Brookside Mall</option>
  ...
</select>

问题是当在Opera 10中呈现此元素时会发生这种情况：

请在此处查看附图http://tinypic.com/r/n4yrk9/4 （注意，我使用了tinypic.com，请原谅我在谷歌上发现的第一个免费图像托管网站的大量广告）

它的行为好像正在举行apple-command / pc-ctrl按钮:(

这不应该是多选元素，但在选择另一个项目后，项目仍保持选中状态。此外，选中的第一个项目根本不会突出显示。

关于为什么会发生这种情况以及如何解决问题的任何想法都将非常感激！

Answer 1

我无法使用Opera10（XP，没有小部件）重现您的问题 - 您发布的结果代码会提供一个选择下拉列表。

尝试将代码粘贴到w3schools - tryit window并查看其中的内容

加载了哪些奇特的小部件？

祝你好运MikeD

Answer 2

http://www.w3schools.com/TAGS/att_select_multiple.asp

尝试禁用此选项，以便一次只能选择一个选项。

有关选项的更多信息选择： http://www.w3schools.com/TAGS/att_option_selected.asp http://www.w3schools.com/TAGS/tag_option.asp

除此之外，我会看一些导致它的东西。

为什么Opera Browser中的HTML Select框不符合规定？

2 个答案: