にしし ふぁくとりー(西村文宏 個人サイト)

Presented by Nishishi via Movable Type. Last Updated: 2015/10/08. 22:33:35.

都道府県名選択フォームのサンプルHTML

都道府県名を選択するプルダウンメニューを作る際、毎回すべての都道府県名を打ってチマチマとoption要素を記述するのが面倒なので、以下に都道府県名選択フォームのサンプルHTMLを掲載しておく。
次に都道府県名選択フォームを作りたいときは、以下のソースをコピーすればOKだ。(^_^;;;

下記サンプルソースにあるselect要素に含まれるoption要素の数は47個。「1都・1道・2府・43県」で合計47都道府県だから、抜けはないと思う。(^_^;;;

一応、北海道から沖縄県まで「北から南」・「東から西」へ並んでると思うけど、違うとこもあるかも。
select要素のname属性値は「prefecture」。各option要素のvalue属性値は都道府県名が日本語(漢字)でそのまま入ってる。
表示すると以下のようになる。

上記だと、先頭の「北海道」が最初から表示されているはず。
デフォルトで特定の都道府県名を選択状態にしておきたいなら、該当する都道府県項目を作っているoptionタグの中に「 selected 」と書いておけば良い。(XHTMLで記述している場合は selected="selected" のように属性名を省略せずに書く。)

デフォルトで何も選択させたくない場合は、例えば次のソースのようなダミー項目を加えておけば良い。

<option value="未選択" selected>(選択してね)</option>

未選択状態のまま送信されると困る場合は、未選択項目(ダミー項目)は用意しない方がいいかも知れない。

コメント

ありがとうございます。ソース使わせていただきます。作業効率上がります。

投稿者 井田 : 2010年04月29日 22:35

井田さん、どうもです。
お役に立てたようで何よりです。都道府県のHTMLソースを毎回自力で書くのは面倒ですよね。^^;

投稿者 にしし : 2010年04月30日 22:35

ありがとうございます。
私も使わせていただきます。
ところで、
「北海道」で北海道のサイトにリンクして、検索するには
どのようなタグを付け加えたらよいのでしょうか?

投稿者 増田 : 2010年08月26日 08:26

ソース使わせていただきました。
ありがとうございました

投稿者 ななし : 2012年06月24日 19:56

たやたやたや

投稿者 あい : 2013年02月12日 13:20

コピーさせていただきました!
ありがとうございます!

投稿者 アイリス : 2013年11月23日 13:47

大変助かりました。ありがとうございます。

投稿者 KA : 2015年10月08日 17:40

コメント数: 7件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。

保存しますか?



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

※投稿内容は、実際にページ上に掲載される前に、管理者によって確認される設定にしている場合があります。その場合は、投稿後にその旨が表示されます。たいてい1~2日以内には表示されるはずですので、気長にお待ち願います。m(_ _)m

トラックバック

このエントリーへのトラックバックURLを表示するにはここをクリック
※スパム防止のため、トラックバックURLは別ウインドウで表示します。(JavaScriptが有効でないと表示されません。)

--- 当サイト内を検索 ---