完全に自分用メモです。
お問い合わせフォームなどで住所を入力して貰う場合に、県名はドロップダウンメニューにしたいというリクエストは結構有ります。
最近では郵便番号などから自動入力したりしちゃうことも多いですが、ドロップダウンメニューでやる場合、毎回件名を調べて、セレクトボックスで区切って…と言うのは地味に大変です。
ということで自分が使うことが多いパターンをまとめてみました。
使い方
県名が羅列されている領域をダブルクリックすると行番号が入らないプレーンなテキストになりますのでそこからコピペして下さい。それか、「<>」という形のハイライト表示ON/OFFというボタンを押してもプレーンテキストに切り替えることができます。
それかExpandCodeボタンを押してもOKです。こちらはプレーンテキスト且つ全選択状態になるのでこっちのほうが楽かも。
カンマ区切り / 改行区切り
県名ごとにカンマで区切った上で改行を入れています。
お使いのエディタで「,」を一括削除すればただの改行区切り、「,」をタブに置き換えてあげればタブ区切り、改行を削除すればただのカンマ区切りなど、いろいろ加工しやすいかもしれません。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
北海道, 青森県, 岩手県, 宮城県, 秋田県, 山形県, 福島県, 茨城県, 栃木県, 群馬県, 埼玉県, 千葉県, 東京都, 神奈川県, 新潟県, 富山県, 石川県, 福井県, 山梨県, 長野県, 岐阜県, 静岡県, 愛知県, 三重県, 滋賀県, 京都府, 大阪府, 兵庫県, 奈良県, 和歌山県, 鳥取県, 島根県, 岡山県, 広島県, 山口県, 徳島県, 香川県, 愛媛県, 高知県, 福岡県, 佐賀県, 長崎県, 熊本県, 大分県, 宮崎県, 鹿児島県, 沖縄県 |
ドロップダウンリスト形式
フォームで利用する<select><option>〜</option></select>形式です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<select name="" 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">東京都</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> |
上記を地方別にOPTGROUPでまとめたもの
<select><option>〜</option></select>形式に加えて、関東地方、東北地方といった区切りごとにOPTGROPUでグループ化したものです。
利用者的にはこちらのほうが見やすいかもしれません。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<select name="" id=""> <optgroup label="北海道"> <option value="1">北海道</option> </optgroup> <optgroup label="東北"> <option value="2">青森県</option> <option value="3">岩手県</option> <option value="4">宮城県</option> <option value="5">秋田県</option> <option value="6">山形県</option> <option value="7">福島県</option> </optgroup> <optgroup label="関東"> <option value="8">茨城県</option> <option value="9">栃木県</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> <option value="21">岐阜県</option> <option value="22">静岡県</option> <option value="23">愛知県</option> </optgroup> <optgroup label="近畿"> <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> </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> </optgroup> <optgroup label="沖縄"> <option value="47">沖縄県</option> </optgroup> </select> |
フォーム形式の補足
現在 value には北海道から順に連番が振ってありますが、ここも県名にしたい場合は、jQueryなどを使って、
1 2 3 4 5 |
jQuery(document).ready(function($) { $('option').each(function(){ $(this).val($(this).text()); }); }); |
みたいにすれば行けるかもしれません。
※jQuery的にはこれで value を県名にすることはできているようですが、実際に送信のテストはしていないので動かない可能性もあります。
Contact Form 7 用
WordPressの人気お問い合わせフォームプラグイン、Contact Form 7 のドロップダウンメニュー形式です。必須マークは入っていませんので必要な場合は「select」を「select*」としてください。
また、先頭に空の項目「—」が入る用になっていますのでこちらも不要なら「include_blank」を削除して下さい。
1 |
[select pref include_blank "北海道" "青森県" "岩手県" "宮城県" "秋田県" "山形県" "福島県" "茨城県" "栃木県" "群馬県" "埼玉県" "千葉県" "東京都" "神奈川県" "新潟県" "富山県" "石川県" "福井県" "山梨県" "長野県" "岐阜県" "静岡県" "愛知県" "三重県" "滋賀県" "京都府" "大阪府" "兵庫県" "奈良県" "和歌山県" "鳥取県" "島根県" "岡山県" "広島県" "山口県" "徳島県" "香川県" "愛媛県" "高知県" "福岡県" "佐賀県" "長崎県" "熊本県" "大分県" "宮崎県" "鹿児島県" "沖縄県"] |
他の形式も使うことが増えてきたら追加するかもしれません:)
コメントする