3段階の連動セレクトボックスの作り方
こちらのページを参考に2段階のセレクトボックスを作成しました。
http://ajax.jlamp.net/
このセレクトボックスを3段階のものに変更したいと考えています。
北海道→札幌市→三丁目
というように選択できる形にしたいのです。
>|JavaScript|
<script type="text/javascript">
$(function(){
$("#pref").change(function(){
var pref = $(this).children("option:selected").val();
//alert(pref); // デバッグ用
var filename = "addressdata/" + pref + ".json";
// 市町村セレクトボックスをいったん、空に
$("#city").html("<option value=\"-1\">----</option>");
if (pref!="-1"){
$.getJSON(filename, function(json){
$.each(json, function(i){
$("#city").append("<option value=\"" + json[i].officialCode + "\">" + json[i].city + "</option>");
});
});
}
});
});
</script>
||<
二段目は単純に参考サイトをまねてajaxとphp、mysqlで実装できましたが、三段階目のセレクトボックスの作り方がわかりません。
二段目がデータベースから取得している形で、なおかつ内容がソースに出るわけではないので、その要素にどのようにajaxを仕掛けて良いのか見当がつかない状態です。
三段階セレクトボックスの作り方を教えてください。
みんなの回答
-
エネゴリ
満足300pt
追記
すいません。こちらの方が良いと思います。
http://d.hatena.ne.jp/Mars/20071109
ほか参考サイト
http://wataame.sumomo.ne.jp/archives/4593 -
この質問へのコメント
質問の情報
- 登録日時
- 2014-07-28 17:23:50
- 終了日時
- 2014-08-04 17:25:04
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
兄弟姉妹がたくさんいる場合、自分のすぐ下の弟は「長弟」と呼ぶそうですが、正しいでしょうか。そして、そ…
匿名質問者
-
imac(0S10,95)でダウンロードした映像データが削除できない問題 削除したい映像データベー…
iquestion
1
-
既婚者なのに気になる人がいます。 職場で気になる女性がいます。 30代半ば一児の父になります。 恥を忍ん…匿名質問者3
-
卒アルの個人撮影についてです！ 女子中学生です。 最近卒アルの個人撮影がありました。家に帰ってすぐ同じ…匿名質問者1
1
-
時間を見るのは他者との同期のためだともいます。 この同期作業がオートマチックになった時… 人は、「時間…
ganmojr
あくまでajaxで作ったものではないといけないですか？
非同期でアクセスができ、jsonデータ（jsonファイル・データベースから）を読み込める3段階形式のものを求めています。
JavaScript とDOMだけでもできる。
jQueryは必要とも限らない。
住所は変化することがないので ajaxである必要もないと思う。