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

解決済

質問者：cgicold
質問日時：2009/09/14 20:36
回答数：1件

以下の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/）では「メーカー・地域・価格から探す」からメーカー選択後、車名部分ではそのメーカーに該当するものが選択できますが、これは上の方法とは違うように思うのですが、どういった方法なのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： fujillin
回答日時：2009/09/14 21:44

外部ファイルを作成するには、単純にコード部分のみを外部ファイル（ｊｓ)にして、HTMLからは<script>タグで読込めばよいです。

以下のサイトを参考にしてください。
＜参考＞
http://external-file.com/ja/apat.html
http://allabout.co.jp/internet/javascript/closeu …

ご提示のページはあまりよく見てませんが、セレクトの内容に変化があるとchgSel()というfunctionが呼び出されるようになっています。
chgSel()はtop_lstcmb.jsという外部ファイル内にあります。
選択された値を引数にしてajaxでphpから返された内容にオプションを書き換えるようになっているみたい。

データをブラウザ側で持っているのと、サーバー側にリクエストして結果を返してもらうのとの違いとでも言えばよいでしょうか。

- 0
- 件

通報する

この回答へのお礼

アドバイスありがとうございます。
無事、外部ファイルにすることができました。

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

通報する

お礼日時：2009/09/15 17:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！