プルダウンリストを作りMySQLからデータを取得してonchangeする方法

質問

http://oshiete1.goo.ne.jp/oshiete_new.php3
のように、
プルダウンリストを作りMySQLからデータを取得してonchangeする方法を教えていただけませんか？

技術者向コンピューター
↓＊onchangeでデータベースから取得？
プログラミング
↓
JavaScript

具体的にやりたいことは、
お店の住所を登録してもらうスクリプトを作りたいと考えています。
そのため、
北海道
↓
札幌市
↓
○○・・・
のように、都道府県を選ぶとonchangeで市区町村が表示されていく、というようなものを造りたいと考えています。
スクリプトの検索ページで、『北海道』などで検索をかけるつもりですので、データベース（MySQL）に格納したいと思っています。

ざっくりした質問で申し訳ないですが、参考になるページでも結構ですので、教えていただけたらうれしいです。
よろしくお願いします。

回答No.2

afganhound · ベストアンサー

失礼ながらmakoto_tyさんがどの程度の知識をお持ちかわからないですし、どの部分が一番ネックになっているのかわからない為、流れとポイントをお伝えします。

まず、プルダウンのonchangeイベントと同時にAjaxでサーバーに
選択された都道府県を送信し、サーバー側ではperlなりphpなりjavaなりで、都道府県(コード)を元にMySQLから市区町村を検索し、結果を返却する。
結果を受け取ったjavascriptは、プルダウンに市区町村を生成し終了です。

サーバー側は何の言語ですか？
Ajaxについては、prototype.jsというフレームワークを使うと
たしか、Ajax.Request()クラスで簡単に非同期通信が実装できます。

http://www.imgsrc.co.jp/~kuriyama/prototype/prototype.js.html#UsingAjaxRequest

プルダウンへの市区町村の反映は、
var opt = document.createElement("option");
opt.value="市区町村コード";
opt.text = "札幌市";
プルダウン.appendChild(opt);
といった感じの事を繰り返せばいいです。
都道府県が変更された時、変更前の都道府県の市区町村を削除しなければなりませんが。

サーバーサイドのプログラムでMySQLへ接続するのは
「プログラム名　MySQL　接続」などのキーワードで検索すれば
期待した結果が得られるはずだと思います。

お礼

詳細なご回答ありがとうございます。
サーバー側の言語はPHPを使います。
私の知識は初心者に毛が生えた程度です。
onchangeは、テキストファイルから読み込む形ならできるのですが、MySQLから引っ張り出すことが分かりません。
PHPでMySQLへの接続・データの格納（フォームでPOST）などは一通りできます。
テキストファイルからonchangeでフォームで値を渡して、データベースに格納することはできますが、それだと市区町村の合併などでデータが変わったときに処理が大変そうでしたので、データベースから呼び出せたらと思っていました。
また、検索方法についても、データベースから検索する方法しか知りませんので・・・。
仰られていることはイメージは分かるのですが、AJAXの知識が必要のようですね。
少し勉強します。
もし、フリーのスクリプトなどでどうようのことができるものをご存知でしたら、教えていただけると助かります。。
ありがとうございました。

回答No.1

神崎 渉瑠（@taloo）

HTML、JavaScript、CGI、MySQL、ついでにAjaxのそれぞれで検索して、
出てきたサイト全部読む勢いでもいいんじゃないでしょうか？
検索サイトはどこでもいいです。普段ご利用の所を使ってください。

手間や時間がかかるのが嫌なら制作会社に作ってもらうのをお勧めしておきます。
誰かに作業を代わってもらうことで時間を買うことはできますから。

お礼

回答ありがとうございます。
制作会社は考えていません。
もう少し自力で頑張ってみます。
ありがとうございました。