都道府県・市区町村メニュー連携、AJAXレベル3メニュー連携_PHPチュートリアル
- WBOYオリジナル
- 2016-07-13 17:37:58722ブラウズ
まず次のような JQ の拡張子を見てください:
//都市が選択されました
jQuery.fn.cityselect = function(n,s1,s2,s3) {
if ((n!=3)&&(n!=2)) {n=2};
if (s1=="") {s1="県"};
if (s2=="") {s2="都市"};
if (s3=="") {s3="エリア"};
if (n==2){//第 2 レベルのリンケージ
//alert(s1+$("select[@name="+s1+"] option[@selected]").val());
$("select[@name="+s1+"]").bind("change",function(event) {
$.ajax({
タイプ: 「GET」
URL: "/inc/lib/ajax_city.php",
データ: "n=v2&cityid="+$("select[@name="+s1+"] オプション[@selected]").val(),
成功: function(opt){$("select[@name="+s2+"]").empty().append(opt);}
});
});
}
if (n==3){//3 レベルのリンケージ
$("select[@name="+s1+"]").bind("change",function(event) {
$.ajax({
タイプ: 「GET」
URL: "/inc/lib/ajax_city.php",
データ: "n=v2&cityid="+$("select[@name="+s1+"] オプション[@selected]").val(),
成功: function(opt){
$("select[@name="+s2+"]").empty().append(opt);
$.ajax({
タイプ: 「GET」
URL: "/inc/lib/ajax_city.php",
データ: "n=v3&cityid="+$("select[@name="+s2+"] オプション[@selected]").val(),
成功: function(opt){
$("select[@name="+s3+"]").empty().append(opt);
});
}
});
});
$("select[@name="+s2+"]").bind("change",function(event) {
$.ajax({
入力: 「GET」
URL: "/inc/lib/ajax_city.php",
データ: "n=v3&cityid="+$("select[@name="+s2+"] オプション[@selected]").val(),
成功: function(opt){ $("select[@name="+s3+"]").empty().append(opt);}
});
});
}
};
PHPの次の関数は以下の通りです ========
//都市連携スクリプト
関数 cityselect($n=2,$s1=県,$s2=都市,$s3=地域,$v1=320000,$v2=320500,$v3=320501){
$db = new DB_Sql //データベースを初期化します
;
$db->connect(DB_Database, DB_Host, DB_User, DB_Password); //データベース接続
$db->DB_Sql("セット名 gbk");
//リンクされた AJAX スクリプト
$tmp = "
";
// 都道府県の選択
$tmp .= "
";
//都市の選択
$tmp .= "
";
if ($n==3){
//地域の選択
$tmp .= "
";
}
エコー $tmp;
}
呼び出し時:
;