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

它的行为就像是按住了 apple-command/pc-ctrl 按钮 :(

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

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

4

2 回答 2

0

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

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

加载任何精美的小部件？

祝你好运

于 2009-10-07T19:09:48.337 回答
0

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

除此之外，我会看看其他导致它的原因。

于 2009-10-28T15:48:23.207 回答