![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
「外部JavaScriptファイル」を使えば簡単にできます。
外部JSファイルは普通のテキストファイルで、拡張子は「js」にします。
これを読み込むには、HTMLのHEAD領域に、
<SCRIPT language="JavaScript" src="外部JSファイル名.js"></SCRIPT>
と書きます。
この SCRIPT タグは、必ず閉じる必要があります。
そして、外部JSファイル内にプルダウンの設定を行う関数を書き、これを各HTMLから呼び出します。
No.1 の方法が正攻法だと思うのですが、どうも NN4 では思うようにならないので、別の方法も挙げておきます。
(OPTION は設定されるのですが、プルダウンの幅が短いままになってしまいます。)
■option.js
function drawOption(doc) {
doc.writeln('<OPTION value="送信値1">テキスト1');
doc.writeln('<OPTION value="送信値2">テキスト2');
}
※↑にOPTIONタグの内容を、そのまま書きます。
■HTMLのHEAD領域
<SCRIPT language="JavaScript" src="option.js"></SCRIPT>
■プルダウンを設置したい箇所
<SELECT …>
<SCRIPT language="JavaScript"><!--
drawOption(document)
//--></SCRIPT>
</SELECT>
IE5.0/IE5.5/NN4.7/NN6.2 動作確認済み
早々の回答を感謝します。おかげさまでこれまでプルダウンメニューのたくさんのリンクに手を入れていたのがすっきりと解決しまして非常に助かります。ご教授いただいた内容もすっきりと詳しく書かれていましたのでありがたかったです。今回を良い機会にとJavaScriptを少しづつ学習しようと思います。今度の回答は動作確認までしてくださいまして本当にありがとうございました。
No.1
- 回答日時:
外部JavaScriptファイル内に、プルダウンを設定する関数を書いておきます。
例1:
function SetPulldown(SelectId){
var OptionTexts = new Array("1番目","2番目");
for(var i=0; i<OptionTexts.length; i++)
SelectId.options[i] = new Option(OptionTexts[i],i);
}
この関数が書いてあるjsファイルをプルダウンのあるHTMLファイルで
リンクします。で、HTMLファイルにはこう書きます。
例2:
<BODY ONLOAD="SetPulldown(Form1.Select1)">
<FORM ID="Form1">
<Select ID="Select1"></Select>
</FORM>
プルダウンの項目は例2の
var Options = new Array("1番目","2番目"); ←ここ
括弧の中の文字を増やした分だけ設定できます。
SelectId.options[i] = new Option(OptionTexts[i],i); ←ここ
OptionTextsは表示するテキスト、iはCGI等に送信される値(value)です。
もちろんiはOptionTextsと同じにすることもできます。
こんな感じでしょうかねぇ。
早速の回答をありがとうございました。ただ、私の理解力不足でここまで1日半かかってもうまくいきませんでした。HTMLファイルに設置したプルダウンメニューのリンクが出来なくて「デバックしますか」と表示されます。今回は幸いに「leaz024さん」のやり方でうまくいきましたのでそちらの方で決めようと思います。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptとApacheの設定
-
別ファイルのfunctionの読み込み方
-
Dreamweaver で 外部JSを読み込...
-
外部ファイル名を変数で指定で...
-
レンタルサーバーでjavascript...
-
evernoteというサービスのサイ...
-
<script src="">読み込まない
-
複数のJavascriptを1つのscrip...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<a href="#" …>の意味を教えて...
-
ハイパーリンクに下線を表示す...
-
季節毎に自動的に変化するホー...
-
bodyにidをつける理由は何ですか?
-
インラインフレームで表示され...
-
window.open でExcelファイルを...
-
クリックすると別の文章を表示する
-
新しいウィンドゥを最大化で立...
-
町内会での不倫
-
親フレームのURLによって、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
プルダウンメニューを別ファイ...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
ホームディレクトリを示すチル...
-
JavascriptとJqueryを混在し記述
-
リンク先のURLを記述せずに、Ja...
-
javascriptのalertで文字化けが...
-
外部ファイル名を変数で指定で...
-
【Google Apps Script】「ライ...
-
ひとつの外部ファイルに複数の...
-
外部読み込みで動かないときの...
-
呼出したjsファイル内で他jsフ...
-
processing
-
エラー行の行数の不思議
-
外部ファイルJS参照を全て消さ...
-
javascript内で外部ファイルを...
おすすめ情報