为什么 Opera 浏览器中的 HTML 选择框不起作用？

发布于 2024-08-06 18:51:40 字数 1078 浏览 2 评论 0原文

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

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

它的行为就好像苹果命令/电脑控制按钮被按住:(

这是不应该的是一个多选元素，但在选择另一个项目后，这些项目仍然被选中。而且，选择第一个项目时根本不会突出显示

任何关于为什么会发生这种情况以及如何补救的想法！

原文

I have a simple select element on my page:

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

This select box gets populated at page load via jquery at document ready:

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]));
}

The result is:

<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>

The problem is when this element is rendered in Opera 10 this happens:

See attached photo here http://tinypic.com/r/n4yrk9/4
(Note, I used tinypic.com, please excuse the abundance of ads I picked the first free image hosting site I found on google)

It behaves as if the apple-command/pc-ctrl button is being held :(

This is not supposed to be a multi-select element, yet the items remain selected after another item is selected. Also the first item when selected doesn't highlight at all.

Any ideas as to why this is happening and how to remedy it would be much appreciated!

分享到QQ

分享到微博