LibrePDMの日記 このページをアンテナに追加 RSSフィード

2009年07月16日 都道府県選択するやつ(JIS X0402・ISO 3166-2準拠版) このエントリーを含むブックマーク

都道府県選択するやつ。 - CSS HappyLife


インスパイアされて。

実際の案件では、都道府県の内部コードは JIS X0402 もしくは ISO 3166-2 で定められたコードを使うことも多いと思います。ということで、value 値として JIS X0402 や ISO 3166-2 のコードを送るバージョンを作ってみました。

option の並び順も、JIS X0402 や ISO 3166-2 のコード順に並び替えました。個人的にはユーザの立場として、独自な並び順だと一瞬混乱するので、JIS(ISO) のコード順の並びで各サイト統一して欲しいところです。

以下のコードについては何らの権利を主張しません。ご自由にコピペなどしてお使いください。

JIS X0402 版

<select name="都道府県">
<option value="">都道府県をお選びください。</option>
<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>
</select>

ISO 3166-2 版

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

並びだけ JISISO 順で、value は表示の通りに送る版

<select name="都道府県">
<option value="">都道府県をお選びください。</option>
<optgroup label="北海道・東北">
	<option value="北海道">北海道</option>
	<option value="青森県">青森県</option>
	<option value="岩手県">岩手県</option>
	<option value="宮城県">宮城県</option>
	<option value="秋田県">秋田県</option>
	<option value="山形県">山形県</option>
	<option value="福島県">福島県</option>
</optgroup>
<optgroup label="関東">
	<option value="茨城県">茨城県</option>
	<option value="栃木県">栃木県</option>
	<option value="群馬県">群馬県</option>
	<option value="埼玉県">埼玉県</option>
	<option value="千葉県">千葉県</option>
	<option value="東京都">東京都</option>
	<option value="神奈川県">神奈川県</option>
</optgroup>
<optgroup label="甲信越・北陸">
	<option value="新潟県">新潟県</option>
	<option value="富山県">富山県</option>
	<option value="石川県">石川県</option>
	<option value="福井県">福井県</option>
	<option value="山梨県">山梨県</option>
	<option value="長野県">長野県</option>
</optgroup>
<optgroup label="東海">
	<option value="岐阜県">岐阜県</option>
	<option value="静岡県">静岡県</option>
	<option value="愛知県">愛知県</option>
	<option value="三重県">三重県</option>
</optgroup>
<optgroup label="関西">
	<option value="滋賀県">滋賀県</option>
	<option value="京都府">京都府</option>
	<option value="大阪府">大阪府</option>
	<option value="兵庫県">兵庫県</option>
	<option value="奈良県">奈良県</option>
	<option value="和歌山県">和歌山県</option>
</optgroup>
<optgroup label="中国">
	<option value="鳥取県">鳥取県</option>
	<option value="島根県">島根県</option>
	<option value="岡山県">岡山県</option>
	<option value="広島県">広島県</option>
	<option value="山口県">山口県</option>
</optgroup>
<optgroup label="四国">
	<option value="徳島県">徳島県</option>
	<option value="香川県">香川県</option>
	<option value="愛媛県">愛媛県</option>
	<option value="高知県">高知県</option>
</optgroup>
<optgroup label="九州・沖縄">
	<option value="福岡県">福岡県</option>
	<option value="佐賀県">佐賀県</option>
	<option value="長崎県">長崎県</option>
	<option value="熊本県">熊本県</option>
	<option value="大分県">大分県</option>
	<option value="宮崎県">宮崎県</option>
	<option value="鹿児島県">鹿児島県</option>
	<option value="沖縄県">沖縄県</option>
</optgroup>
</select>