2008年7月11日(金) 16時00分00秒 [Web関連]

都道府県名選択フォームのサンプルHTML

都道府県名を選択するプルダウンメニューを作る際、毎回すべての都道府県名を打ってチマチマとoption要素を記述するのが面倒なので、以下に都道府県名選択フォームのサンプルHTMLを掲載しておく。
次に都道府県名選択フォームを作りたいときは、以下のソースをコピーすればOKだ。(^_^;;;

下記サンプルソースにあるselect要素に含まれるoption要素の数は47個。「1都・1道・2府・43県」で合計47都道府県だから、抜けはないと思う。(^_^;;;

一応、北海道から沖縄県まで「北から南」・「東から西」へ並んでると思うけど、違うとこもあるかも。
select要素のname属性値は「prefecture」。各option要素のvalue属性値は都道府県名が日本語（漢字）でそのまま入ってる。
表示すると以下のようになる。

上記だと、先頭の「北海道」が最初から表示されているはず。
デフォルトで特定の都道府県名を選択状態にしておきたいなら、該当する都道府県項目を作っているoptionタグの中に「 checked 」と書いておけば良い。（XHTMLで記述している場合は checked="checked" のように属性名を省略せずに書く。）

デフォルトで何も選択させたくない場合は、例えば次のソースのようなダミー項目を加えておけば良い。

未選択状態のまま送信されると困る場合は、未選択項目（ダミー項目）は用意しない方がいいかも知れない。