【select form】都道府県のセレクトフォームのコピーペースト用を作っておくと便利【コピペ用に使ってください】作るのが面倒な人へ。英語版もあり

Web制作等をしていると都道府県等のセレクトフォームを作るのが大変である。頻度はそれほど多いことはないにしろ、フォームを作るときには、それなりに必要な時がある。都度すべての都道府県を入力するのも面倒である。同様に面倒である方も多いと思うのでコピペ用に作っておく。

都道府県のセレクトフォーム

value値を数字と直接都道府県名のものの2種類用意しておいた。初期値を、東京を選択するようにしてあるので、状況に応じて変更してもらえれば良いと思う。

value値が数字

<select name="pref_id">
<option value="1">北海道</option>
<option value="2">青森県</option>
<option value="3">岩手県</option>
<option value="4">宮城県</option>
<option value="5">秋田県</option>
<option value="6">山形県</option>
<option value="7">福島県</option>
<option value="8">茨城県</option>
<option value="9">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13" selected>東京都</option>
<option value="14">神奈川県</option>
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
<option value="19">山梨県</option>
<option value="20">長野県</option>
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
<option value="24">三重県</option>
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
<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>
</select>

value値が都道府県名

<select name="pref_name">
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都" selected>東京都</option>
<option value="神奈川県">神奈川県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="静岡県">静岡県</option>
<option value="愛知県">愛知県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</select>

単純なものだが、これを作っておくといざという時にとても楽である。誰かにお役に立てればありがたい。

英語版もあると便利なので追加しておく。

<select name="pref_id">
<option value="1">Hokkaido</option>
<option value="2">Aomori</option>
<option value="3">Iwate</option>
<option value="4">Miyagi</option>
<option value="5">Akita</option>
<option value="6">Yamagata</option>
<option value="7">Fukushima</option>
<option value="8">Ibaraki</option>
<option value="9">Tochigi</option>
<option value="10">Gunma</option>
<option value="11">Saitama</option>
<option value="12">Chiba</option>
<option value="13" selected>Tokyo</option>
<option value="14">Kanagawa</option>
<option value="15">Niigata</option>
<option value="16">Toyama</option>
<option value="17">Ishikawa</option>
<option value="18">Fukui</option>
<option value="19">Yamanashi</option>
<option value="20">Nagano</option>
<option value="21">Gifu</option>
<option value="22">Shizuoka</option>
<option value="23">Aichi</option>
<option value="24">Mie</option>
<option value="25">Shiga</option>
<option value="26">Kyoto</option>
<option value="27">Osaka</option>
<option value="28">Hyogo</option>
<option value="29">Nara</option>
<option value="30">Wakayama</option>
<option value="31">Tottori</option>
<option value="32">Shimane</option>
<option value="33">Okayama</option>
<option value="34">Hiroshima</option>
<option value="35">Yamaguchi</option>
<option value="36">Tokushima</option>
<option value="37">Kagawa</option>
<option value="38">Ehime</option>
<option value="39">Kochi</option>
<option value="40">Fukuoka</option>
<option value="41">Saga</option>
<option value="42">Nagasaki</option>
<option value="43">Kumamoto</option>
<option value="44">Oita</option>
<option value="45">Miyazaki</option>
<option value="46">Kagoshima</option>
<option value="47">Okinawa</option>
</select>
タイトルとURLをコピーしました