プルダウンを外部化させる

質問

フォームのプルダウンを使用して
都道府県一覧を作成しているのですが、
ソースが長くなってしまうのでなんとかJavaScriptで外部化出来ないかと考えております。

<select>
<option>東京都</option>
<option>神奈川県</option>
</select>

上記の様なイメージで47都道府県分のoptionが必要となり
かなりずらずらと書かなければなりません。
そこで、<option>の中身を外部のJavaScriptファイルから読み込んで表示出来ないかと思っています。

なにか良い方法をご存じの方いらっしゃいましたらご教授下さい。

回答No.1

kk00 · ベストアンサー

JSファイル（例：pulldown.js）を用意します。
中身は

document.write('<select>');
document.write('<option>東京都</option>');
document.write('<option>神奈川県</option>');
document.write('</select>');

上記のようにdocument.writeでHTMLを書き出したものです。

そしてプルダウンを表示させたい箇所で、
pulldown.jsを呼び出せば出来ます。

もしfunction化させたいなら

function pulldoun(){
document.write('<select>');
document.write('<option>東京都</option>');
document.write('<option>神奈川県</option>');
document.write('</select>');
}

として、pulldoun()を呼び出せばいいです。

お礼

ありがとうございます。
無事に外部ファイル化でき、ソースがすっきりしました！