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を仕掛けて良いのか見当がつかない状態です｡
三段階ｾﾚｸﾄﾎﾞｯｸｽの作り方を教えてください｡
