javascriptでプルダウンメニューの外部ファイル化について

2009/09/14 20:36

このQ&Aのポイント

javascriptのプルダウンメニューを外部ファイル化する方法について教えてください。
また、該当メーカーを選択することで車名がプルダウンメニューに表示される仕組みについても知りたいです。
お手数をおかけしますが、よろしくお願いします。

javascriptでプルダウンメニューの外部ファイル化について

以下のjavascriptを外部ファイルにしたいのですが、外部ファイル、HTML部分ともに、どのように記述すればいいのか教えて頂けませんでしょうか？よろしくお願いします。 <html> <head> <script language="JavaScript">  </script> </head> <body onLoad="Load();"> <form name="the_form" method="POST" action="" onSubmit="return Check()"> <select name="choose_category" onChange="swapOptions(window.document.the_form.choose_category.options[selectedIndex].text);"> <OPTION value="果物" selected>果物 <OPTION value="野菜" >野菜 <OPTION value="肉" >肉 <OPTION value="魚" >魚 <OPTION value="酒" >酒 <OPTION value="菓子" >菓子 </select> <select name="the_examples"> <OPTION value="0" selected>りんご <OPTION value="1" >いちご <OPTION value="2" >みかん <OPTION value="3" >ドリアン <OPTION value="4" >ライム </SELECT> <from> </body> </html> また、次のサイト（http://www.carsensor.net/）では「メーカー・地域・価格から探す」からメーカー選択後、車名部分ではそのメーカーに該当するものが選択できますが、これは上の方法とは違うように思うのですが、どういった方法なのでしょうか？

cgicold
お礼率93% (15/16)

JavaScript
回答数1
ありがとう数3

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2009/09/14 21:44 回答No.1

外部ファイルを作成するには、単純にコード部分のみを外部ファイル（ｊｓ)にして、HTMLからは<script>タグで読込めばよいです。以下のサイトを参考にしてください。＜参考＞ http://external-file.com/ja/apat.html http://allabout.co.jp/internet/javascript/closeup/CU20030521/ ご提示のページはあまりよく見てませんが、セレクトの内容に変化があるとchgSel()というfunctionが呼び出されるようになっています。 chgSel()はtop_lstcmb.jsという外部ファイル内にあります。選択された値を引数にしてajaxでphpから返された内容にオプションを書き換えるようになっているみたい。データをブラウザ側で持っているのと、サーバー側にリクエストして結果を返してもらうのとの違いとでも言えばよいでしょうか。

質問者

お礼 2009/09/15 17:57

アドバイスありがとうございます。無事、外部ファイルにすることができました。中古車のサイトについては外部ファイルも見たのですが、上位250台は最初からhtmlに記述されていますが、それ以外の車名（メーカー選択後に再ロードされる車名）がどこにも見当たらないので、どこから車名を引っ張ってきているのか分かりませんでした。サーバー側にリクエストして結果を返すということが分かりませんでしたので、とても参考になりました。複雑でなければ挑戦したいところですが、難しそうなのでもう少し自分でも調べてみようと思います。ありがとうございました。