[コピペ用]HTMLの都道府県一覧・optgroupありなし・valueが数字・アルファベット・漢字

目次

optionタグのvalue属性の値が数字(都道府県コード JIS X 0401)

value属性の値が数字 – optgroupなし

コードサンプル

コードコピペ用

<select>
  <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>

value属性の値が数字 – optgroupあり

コードサンプル

コードコピペ用

<select>
  <optgroup label="北海道・東北">
    <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>
  </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>
    <option value="47">沖縄県</option>
  </optgroup>
</select>

optionタグのvalue属性の値が都道府県の名称

value属性の値が都道府県の名称 – optgroupなし

コードサンプル

コードコピペ用

<select>
  <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>
  <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>

value属性の値が都道府県の名称 – optgroupあり

コードサンプル

コードコピペ用

<select>
  <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>
    <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>
  </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>

optionタグのvalue属性の値がアルファベット(ローマ字)

value属性の値がアルファベット(ローマ字) – optgroupなし

コードサンプル

コードコピペ用

<select>
  <option value="hokkaido">北海道</option>
  <option value="aomori">青森県</option>
  <option value="iwate">岩手県</option>
  <option value="miyagi">宮城県</option>
  <option value="akita">秋田県</option>
  <option value="yamagata">山形県</option>
  <option value="fukushima">福島県</option>
  <option value="ibaraki">茨城県</option>
  <option value="tochigi">栃木県</option>
  <option value="gunma">群馬県</option>
  <option value="saitama">埼玉県</option>
  <option value="chiba">千葉県</option>
  <option value="tokyo">東京都</option>
  <option value="kanagawa">神奈川県</option>
  <option value="niigata">新潟県</option>
  <option value="toyama">富山県</option>
  <option value="ishikawa">石川県</option>
  <option value="fukui">福井県</option>
  <option value="yamanashi">山梨県</option>
  <option value="nagano">長野県</option>
  <option value="gifu">岐阜県</option>
  <option value="shizuoka">静岡県</option>
  <option value="aichi">愛知県</option>
  <option value="mie">三重県</option>
  <option value="shiga">滋賀県</option>
  <option value="kyoto">京都府</option>
  <option value="osaka">大阪府</option>
  <option value="hyogo">兵庫県</option>
  <option value="nara">奈良県</option>
  <option value="wakayama">和歌山県</option>
  <option value="tottori">鳥取県</option>
  <option value="shimane">島根県</option>
  <option value="okayama">岡山県</option>
  <option value="hiroshima">広島県</option>
  <option value="yamaguchi">山口県</option>
  <option value="tokushima">徳島県</option>
  <option value="kagawa">香川県</option>
  <option value="ehime">愛媛県</option>
  <option value="kochi">高知県</option>
  <option value="fukuoka">福岡県</option>
  <option value="saga">佐賀県</option>
  <option value="nagasaki">長崎県</option>
  <option value="kumamoto">熊本県</option>
  <option value="oita">大分県</option>
  <option value="miyazaki">宮崎県</option>
  <option value="kagoshima">鹿児島県</option>
  <option value="okinawa">沖縄県</option>
</select>

value属性の値がアルファベット(ローマ字) – optgroupあり

コードサンプル

コードコピペ用

<select>
  <optgroup label="北海道・東北">
    <option value="hokkaido">北海道</option>
    <option value="aomori">青森</option>
    <option value="iwate">岩手</option>
    <option value="miyagi">宮城</option>
    <option value="akita">秋田</option>
    <option value="yamagata">山形</option>
    <option value="fukushima">福島</option>
  </optgroup>
  <optgroup label="関東">
    <option value="ibaraki">茨城</option>
    <option value="tochigi">栃木</option>
    <option value="gunma">群馬</option>
    <option value="saitama">埼玉</option>
    <option value="chiba">千葉</option>
    <option value="tokyo">東京</option>
    <option value="kanagawa">神奈川</option>
  </optgroup>
  <optgroup label="中部">
    <option value="niigata">新潟</option>
    <option value="toyama">富山</option>
    <option value="ishikawa">石川</option>
    <option value="fukui">福井</option>
    <option value="yamanashi">山梨</option>
    <option value="nagano">長野</option>
    <option value="gifu">岐阜</option>
    <option value="shizuoka">静岡</option>
    <option value="aichi">愛知</option>
  </optgroup>
  <optgroup label="近畿">
    <option value="mie">三重</option>
    <option value="shiga">滋賀</option>
    <option value="kyoto">京都</option>
    <option value="osaka">大阪</option>
    <option value="hyogo">兵庫</option>
    <option value="nara">奈良</option>
    <option value="wakayama">和歌山</option>
  </optgroup>
  <optgroup label="中国">
    <option value="tottori">鳥取</option>
    <option value="shimane">島根</option>
    <option value="okayama">岡山</option>
    <option value="hiroshima">広島</option>
    <option value="yamaguchi">山口</option>
  </optgroup>
  <optgroup label="四国">
    <option value="tokushima">徳島</option>
    <option value="kagawa">香川</option>
    <option value="ehime">愛媛</option>
    <option value="kochi">高知</option>
  </optgroup>
  <optgroup label="九州・沖縄">
    <option value="fukuoka">福岡</option>
    <option value="saga">佐賀</option>
    <option value="nagasaki">長崎</option>
    <option value="kumamoto">熊本</option>
    <option value="oita">大分</option>
    <option value="miyazaki">宮崎</option>
    <option value="kagoshima">鹿児島</option>
    <option value="okinawa">沖縄</option>
  </optgroup>
</select>
よかったらシェアしてね!
  • URLをコピーしました!
目次