都道府県・市区町村メニュー連携、AJAXレベル3メニュー連携_PHPチュートリアル

まず次のような 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 .= " ";
$db->query("select * from sz_chinacity where right(CityPostCode, 4) = 0000 order by CityID asc");
while ($db->next_record()){
If ($db->Record[CityPostCode]==$v1){
$tmp .= "Record[CityPostCode]."" selected>".$db->Record[CityName]." ";
}その他{
$tmp .= "Record[CityPostCode]."">".$db->Record[CityName]." ";
}
}
$tmp .= " ";
//都市の選択
$tmp .= " ";
$cityid = substr($v1,0,2);
$db->query("select * from sz_chinacity where Right(CityPostCode, 2) = 00 and Left(CityPostCode, 2)=".$cityid." and Right(CityPostCode, 4) <> 0000 order by CityID asc");
while ($db->next_record()){
If ($db->Record[CityPostCode]==$v2){
$tmp .= "Record[CityPostCode]."" selected>".$db->Record[CityName]." ";
}その他{
$tmp .= "Record[CityPostCode]."">".$db->Record[CityName]." ";
}
}
$tmp .= " ";


if ($n==3){
//地域の選択
$tmp .= " ";
$cityid = substr($v2,​​0,4);
$db->query("select * from sz_chinacity where Left(CityPostCode, 4)=".$cityid." and Right(CityPostCode, 2) <> 00 order by CityID asc");
while ($db->next_record()){
If ($db->Record[CityPostCode]==$v3){
$tmp .= "Record[CityPostCode]."" selected>".$db->Record[CityName]." ";
}その他{
$tmp .= "Record[CityPostCode]."">".$db->Record[CityName]." ";
}
}
$tmp .= " ";
}
エコー $tmp;
}

呼び出し時:

;

http://www.bkjia.com/PHPjc/486524.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/486524.html技術記事まず、次のような JQ の拡張を見てください。 //city selected jQuery.fn.cityselect = function(n,s1,s2,s3) { if ((n!=3)(n!=2)) {n=2 }; if (s1==) {s1=県}; if (s2==) {s2=市}; if (s3==) {s3=は...