ＪＳでプルダウンメニューリンクジャンプについて質問です。

質問

プルダウンメニューで、サイト全体のメニューを入れ込んでクイックジャンプ、みたいにして作っていますが、スクリプト部分は、ＨＥＡＤにいれて、外部ファイルでリンクをさせているのですが、実際に表示される<FORM>～</FORM>部分は、全てのページのBODY内に書き込む必要がありますよね？それは、たとえば、サイト内のメニューが変更になったりしたときには、今まで作った全てのページにコピペーストした<FORM>~</FORM>内容をまた、全部１ページづつ変更してゆかなくてはならない、、、という方法しかないのでしょうか？何か他に、１枚のテンプレートみたいなところにリンクをさせて、その1枚を変更すれば、そのテンプレートを使用している全ページが一気に変更になる、、というようなことはできるのでしょうか。。。教えてください。

回答No.1

leaz024

メニューのプルダウン自体を、JavaScriptの外部ファイルに関数として書いてしまってはどうでしょうか。

HTMLのプルダウンの場所には、
　　<SCRIPT language="JavaScript">
　　<!--
　　make_quick_menu();
　　//-->
　　</SCRIPT>
のように書いておき、外部ファイル内に
　　function make_quick_menu() {
　　　　document.write('<SELECT name="xxx" onChange="xxxxxx">');
　　　　document.write('<OPTION>xxx');
　　　　　　　　　：
　　　　document.write('</SELECT>');
　　}
のような感じで書いておく。

補足

すみません。早速やってみたのですが、どうもうまくいきません(・・;)。以下が作った外部ファイルと、Body内の実行場所なんですが、、、間違っていますか。。。

Body内（表示させたい場所に）
<SCRIPT language="JavaScript" SRC="menu.js">
　　<!--
　　make_quick_menu();
　　//-->
　　</SCRIPT>

外部ファイル（menu.js）
　　function make_quick_menu() {
　　　　document.write('<SELECT name="--各ページへジャンプ！--" onChange="">');
　　　　document.write('<OPTION>"★オンラインショッピング★" onChange="shop.htm">');
　　　　document.write('<OPTION>"　├商品一覧・注文ページへ" onChange="list.htm">');
　　　　document.write('<OPTION>"　├ショッピングの流れ" onChange="how2shop.htm">');

　　　　document.write('</SELECT>');
　　}