JS ドロップダウンメニューについて

Question

http://ksknet.net/javascript/post_54.html
上記サイトを参考にサイトを制作しています。

http://one-text.tk/index.php

検索フォームの分野が 上の選択肢を選択すると下の選択肢が変化するはずなのですが表示されません。

ご回答よろしくお願いします。

Answer 1

初めまして、tachinokiさん。
コードの方、拝見させていただいたところ、
JavaScriptの記述に誤りが見つかりました。

該当箇所は、12番目のオプション生成部分です。
207行周辺を探していただければ、見つかるかと思います。

else if (select1.options[select1.selectedIndex].value == "12")
{
select2.options[0] = new Option("未選択",""社会・福祉学);
select2.options[1] = new Option("社会学");
select2.options[2] = new Option("観光学");
select2.options[3] = new Option("メディア学");
select2.options[4] = new Option("福祉学");
}

select2.options[0] = new Option("未選択",""社会・福祉学);

こちらの部分のダブルクォーテーションがミスっておりますので

select2.options[0] = new Option("未選択","社会・福祉学");

このように修正してみてください。

functionの中でエラーが発生しているため、うまく関数が作れず、
onLoadで呼び出すことが出来ていませんので、
こちらを修正すれば動くと思いますよ！

がんばってください！

Comments

[tachinoki]

解決しました！ありがとうございました。

[rui3718]

おつかれさまです。
ブラウザでのF12キーによるコンソール画面の呼び出しや、
プログラム、コードに合わせて、色やフォントの変わるテキストエディタ
(TeraPad,Sublime Text)などを使うとこのようなミスやバグを
すぐ見つけられるようになりますので、使ってみるといいですよ！

Answer 2

以下のJavaScriptエラーが出ています。

Uncaught ReferenceError: functionName is not defined

functionName() の次の行がエラーになっているので、とりあえず修正して頂けないでしょうか？

select2.options[0] = new Option("未選択",""社会・福祉学);

Comments

[tachinoki]

解決しました！ありがとうございました。