ページに単純な 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 ボタンが押されているかのように動作します:(
これは複数選択要素であると想定されていませんが、別の項目が選択された後も項目が選択されたままになります。また、選択した最初の項目はまったく強調表示されません。
なぜこれが起こっているのか、どのように修正するのかについてのアイデアは大歓迎です!