HTMLのselectタグの複数のoption valueに同じ値がある場合、リロードすると初期選択設定(selected="selected")されていない項目が初期表示されるという現象が発生し、 原因を調べてみるとどうやらFirefox2でのみ発生するらしいということを確認。
<html>
<body>

<form name="test20080523">
<select name="test">
 <option value="1">test1_1</option>
 <option value="1" selected="selected">test1_2</option>
 <option value="1">test1_3</option>
 <option value="1">test1_4</option>
 <option value="2">test2_1</option>
 <option value="2">test2_2</option>
</select>
</form>

</body> </html>
上記のようなHTMLが書かれていた場合にリロードすると、 valueに同じ値を持つ一番下のoption項目が表示されてしまう。
上記の例で言えば、本来なら2番目のoption項目の「test1_2」が初期表示されるはずだが、 リロードを行うと4番目のoption項目の「test1_4」が初期表示されてしまう。ちなみに、サンプルソースではXHTMLの属性値 selected="selected" を指定してあるが、HTML4.01の属性値 selected だけでも同様の現象が発生する。

Firefox2以外のブラウザで、IE6とOpera9.27の場合には正常に表示されることを確認。 Safariはwin2kで固まるから未確認だけど、主要なブラウザとしてはFirefox2だけおかしいということになる。 HTMLの仕様としてどうなのかは分からないけど、他のブラウザでは正常に表示されるのでおそらくFirefox2の不具合なのだろう。

一応サンプルのフォームを載せておく。
このページを読み込んだ時点では「test1_2」が初期表示されているはず。 で、Firefox2で閲覧している場合には、リロードすると「test1_4」が表示されてしまう。(Shift + リロードをすると正常に「test1_2」が表示されるようになる)

回避策はというと……スマートな方法が思いつかなかったのでoptionのvalueには重複する値を設定しないようにしたんだけど、何か良い方法はないものかね。 もちろん一番良いのはこの不具合が修正されることなんだけど、こういうちんまいバグってのは優先順位低いしねぇ。

20080712追記:
上記現象がFirefox3.0でも発生することを確認。
あと、サンプルソースにoptionの閉じタグが表示されていなかったのを修正。
関連記事
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Comment
     /  とおりすがり [URL] #-
Fx16でも再現してますねー。直す気ないんですね。
2012.10.25 Thu 18:47 [Edit]
     /  寝込み屋 [URL] #-
ホントだ……。
一手間増えますが、リロードしたらスクリプトの方でセットしなおすのが次善の策ですかね。
2012.10.26 Fri 04:32 [Edit]
※コメントスパム防止の為半角httpと全角wをNGワードに設定してあります。






(編集・削除用)

 

管理者にだけ表示を許可
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Trackback
http://nekomimya.blog28.fc2.com/tb.php/65-7830f205
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ブログ表示設定
横:
縦:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
プロフィール

寝込み屋(nekomimya)

Author:
寝込み屋(nekomimya)
twitter:
寝込み屋(@nekomimya)

リンクはご自由に。外すのもご自由に。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ブログ内検索
ブログ内検索(Google)
※要JavaScript、別ウィンドウで結果表示
ブログ内検索(FC2)
※検索結果が表示されないことがあり
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
最近の記事
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
最近のコメント
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
最近のトラックバック
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
月別アーカイブ
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
カテゴリ
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
RSSフィード
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
リンク
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
FC2リンク
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    FC2カウンター
    閲覧者数合計


    現在の閲覧者数
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    最近の画像
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    検索フォーム