セレクトボックス、選択行へ自動遷移

kox@wankuma.com — Wed, 19 Sep 2007 18:43:00 GMT

違うプロジェクトの人から、JSPの再表示時の問い合わせを受けました。
「サーブレットの処理後、元の表示内容を保持した状態で再表示を行う際に
セレクトボックスの選択行が画面上に表示されないが、どうにかならないか。」
ということでメモ。

  <select name="select1" size=3>
    <option name="01">aaa</option>
    <option name="02">bbb</option>
    <option name="03">ccc</option>
    <option name="04" selected>ddd</option>
  </select>

上記のデータをサーバから返した場合は、4番目の選択された状態で画面に表示されます。
しかし

  <select name="select1" size=3 multiple>
    <option name="01">aaa</option>
    <option name="02">bbb</option>
    <option name="03">ccc</option>
    <option name="04" selected>ddd</option>
  </select>

selectタグが複数選択可（multiple）となっていた場合は、4番目が選択されているものの、表示は隠れてしまいます。

onload時にjavascriptにて制御してみます。

  function test(){
    if( select1.option[3].selected == true )
    select1.options[3].selected = true;
  }

一見無駄に見えますが、このようにすることで選択行を表示した状態にすることができました。

※検証
OK：IE、Firefox
NG：Opera
・・・いまいちだ。（IE限定サイトだから問題ないけど。）

parseIntの挙動

kox@wankuma.com — Thu, 23 Aug 2007 11:26:00 GMT

凪瀬さんの以前のエントリで、
自分もはまった事あったなと思いつつ、どんなんだったけ？と思っていました。
それを先日思い出しましたので、備忘録として残しておこうかと思います。

javaのInteger.parseInt()とjavascriptのparceInt()の8進数に関する挙動。
java：

  Integer.parceInt( "08" );      //8を返す。
  Integer.parceInt( "08", 10 );  //8を返す。
  Integer.parceInt( "08",  8 );  //NumberFormatExceptionを返す。

javascript：

  parseInt( "08" );              //0を返す。
  parseInt( "08", 10 );          //8を返す。
  parseInt( "08", 8 );           //0を返す。
  parseInt( "8",  8 );           //NaNを返す。

javascriptでは計算処理をする場合に注意が必要。

JavaScript

セレクトボックス、選択行へ自動遷移

parseIntの挙動