为什么我在 Opera 浏览器中的 HTML 选择框不正常？答案

【问题标题】：Why is my HTML Select box in Opera Browser not behaving?为什么我在 Opera 浏览器中的 HTML 选择框不正常？
【发布时间】：2009-10-07 14:39:16
【问题描述】：

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

<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，请原谅我选择了我在 google 上找到的第一个免费图片托管网站的大量广告）

它的行为就像是按住苹果命令/pc-ctrl 按钮:(

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

任何关于为什么会发生这种情况以及如何解决它的想法将不胜感激！

【问题讨论】：

不知道为什么 tinypic 上的图片 url 没有显示在这里...查看tinypic.com/r/n4yrk9/4
我也无法重现此问题。您在哪个平台上体验过 Opera？你能在网上的某个地方提供一个“工作”的测试页面吗？

标签： jquery html ajax opera html-select

【解决方案1】：

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

尝试将您的代码粘贴到w3schools - tryit window 中，看看它在那里做了什么

是否加载了任何精美的小部件？

祝你好运迈克D

【讨论】：

【解决方案2】：

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

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

除此之外，我会考虑其他原因。

【讨论】：