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で質問しましょう!
似たような質問が見つかりました
- フリーソフト mmfファイルからmp3に変換できる方法を教えてください(XMediaRecode以外で) 2 2022/03/22 22:25
- Excel(エクセル) Excelで漢字人名が勝手に並び変わる(続) 4 2023/03/21 21:28
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- 大学・短大 続報 以前大学編入後に生じた問題から、こちらに質問 させていただいたものです。 詳しくご存知ない方に 1 2023/06/24 15:19
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
- Excel(エクセル) Excel 在庫管理について 3 2023/02/09 10:00
- Excel(エクセル) エクセルのA1~A5の任意のセルを選んだら1、A6~A10のセルなら2と返す設定にしたいと思ってます 6 2023/03/20 18:46
- その他(教育・科学・学問) (大学関係者へ) 大学の学生部屋の使用について 1 2022/08/17 22:38
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Dreamweaver で 外部JSを読み込...
-
ホームディレクトリを示すチル...
-
javascriptを2つ使うと1つの...
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
別ファイルのfunctionの読み込み方
-
JavaScriptのエラー ( 関数の...
-
プルダウンメニューを別ファイ...
-
javascript内で外部ファイルを...
-
背景色をjsで指定する方法
-
複数のJavascriptを1つのscrip...
-
外部読み込みで動かないときの...
-
ASP.NETでjsファイルのリンクの...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
bodyにidをつける理由は何ですか?
-
function の return 値を表示し...
-
親フレームのURLによって、...
-
ウインドウの後ろに隠れている...
-
location.reload() について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
javascriptのalertで文字化けが...
-
呼出したjsファイル内で他jsフ...
-
【Google Apps Script】「ライ...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
JavascriptとJqueryを混在し記述
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptの外部ファイルで行...
-
ホームディレクトリを示すチル...
-
外部ファイル名を変数で指定で...
-
JavaScript内の関数を別のファ...
-
なぜ外部jsファイルはコメント...
-
外部.jsの内容を一部置き換えて...
-
外部読み込みで動かないときの...
おすすめ情報