У меня есть простой элемент select на моей странице:
<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 :(
Это не должен быть элемент множественного выбора, но элементы остаются выделенными после выбора другого элемента. Кроме того, первый выбранный элемент вообще не выделяется.
Буду очень признателен за любые идеи относительно того, почему это происходит и как это исправить!