2007年8月23日木曜日

select/option要素の都道府県一覧(選択リスト)のひな型

 探してみたけどちょうどいいのが無かったから作った。
 valueはISOの規格に合わせた。そのせいで本当は山梨を関東に入れて「北陸・甲信越」じゃなくて「北信越」にしたかったのに、順番が狂うからできない(したくない)なんてことも発生した。
 あとは三重を東海に入れたから近畿じゃなくて関西と名乗らせたとか、北海道と東北は1つにまとめたとか、このあたりは好みかな?

<optgroup label="北海道・東北">
<option value="01">北海道</option>
<option value="02">青森県</option>
<option value="03">岩手県</option>
<option value="04">宮城県</option>
<option value="05">秋田県</option>
<option value="06">山形県</option>
<option value="07">福島県</option>
</optgroup>
<optgroup label="関東">
<option value="08">茨城県</option>
<option value="09">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13">東京都</option>
<option value="14">神奈川県</option>
</optgroup>
<optgroup label="北陸・甲信越">
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
<option value="19">山梨県</option>
<option value="20">長野県</option>
</optgroup>
<optgroup label="東海">
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
<option value="24">三重県</option>
</optgroup>
<optgroup label="関西">
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
</optgroup>
<optgroup label="中国">
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
</optgroup>
<optgroup label="四国">
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
</optgroup>
<optgroup label="九州">
<option value="40">福岡県</option>
<option value="41">佐賀県</option>
<option value="42">長崎県</option>
<option value="43">熊本県</option>
<option value="44">大分県</option>
<option value="45">宮崎県</option>
<option value="46">鹿児島県</option>
<option value="47">沖縄県</option>
</optgroup>

 実際にフォームを作るときは結局内部的にDBや配列でデータを持っておいて回しながら使うから、純粋なHTMLで作ってもあまり使うことは無いけど。selected属性とか付けたりするしね。

 きちんとテストした訳ではないので、使う人はきちんと単体テストしてください。そして結果を教えてね。

0 件のコメント:

ブログ アーカイブ

tags