ajax技術を使用したphp mysql省市県レベル3連携非リフレッシュメニューソースコードの初リリースに遅れています

完全にオリジナルの テスト アドレス: http://www.mlmm.cn/mypage/?name=ceshi

テスト ページ コード:

コードをコピー コードは次のとおりです。

php Ajax はドロップダウン メニューを動的に生成します {$regions(中華人民共和国)} html>

regions 関数コード:

QUOTE:

コードをコピー コードは次のとおりです: //省、都市、および地域 3 カスケード ドロップダウン メニュー functionregionssprovince.city.region

functionregionss($country="中華人民共和国") { global $db; $i = 1; $text=" n" ;

$result = $db->query("SELECT 州 FROM ".TABLE_PROVINCE." WHERE country='$country' ORDER BY 州 ID" ); while($r = $db- >fetch_array($result)) ;/option>; $i ; $i } $text.=" "; $i select2" onchange="startRequesta()" style="width:90px;"> 市/郡/地区 n"; $ text.=" 郡レベルcity/county return $text;

}

regions.js コード:

コードをコピー コードは次のとおりです: //var ab = new Array(); var xmlHttp; var xmlHttpa; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } function createXMLHttpRequesta() { if (window.ActiveXObject) { xmlHttpa = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttpa = new XMLHttpRequest(); } }

function startRequest() { createXMLHttpRequest(); createXMLHttpRequesta(); xmlHttp.onreadystatechange = handleStateChange; xmlHttpa.onreadystatechange = handleStateChangearea; document.getElementById('select2').options.length = 0; document.getElementById('select3').options.length = 0; var url = document.form1.select1.value; var qurl = "/regions.php?province=" url "&time=" new Date().getTime(); xmlHttp.open("GET", qurl, true); xmlHttp.send(null); //setTimeout("startRequest()",2000); }

関数 handleStateChange() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { var obj = document.getElementById ('select2'); // 将サービスが返す文字列を页面中 ID は select2 の領域 obja = document.getElementById('select3'); // 将サービスから返される文字列を页面中 ID は select3 の領域 eval(xmlHttp.responseText);

} } } function handleStateChangearea() { eval(xmlHttpa.responseText); } //var ab = new Array();

function startRequesta() { createXMLHttpRequesta(); xmlHttpa.onreadystatechange = handleStateChangea; document.getElementById('select3').options.length = 0; var url = document.form1.select2.value; var qurl = "/regions.php?city=" url "&time=" new Date().getTime(); xmlHttpa.open("GET", qurl, true); xmlHttpa.send(null); //setTimeout("startRequest()",2000); }

function handleStateChangea() { if(xmlHttpa.readyState == 4) { if(xmlHttpa.status == 200) { var obja = document.getElementBy Id('select3 ' ); eval(xmlHttpa.responseText); //サーバーから返された文字列をページ上の select3 の領域に書き込みます

} 🎜> データ アイランド リージョン.php ページ コード

コードをコピー コードは次のとおりです。 requir "common.php"; $city = $city : "";

$area = $area : ""; =''){ グローバル $db;

$result = $db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE 州=' $province' ORDER BY cityid"); while($r = $db->fetch_array($result)) { $r[city]=iconv('gb2312','UTF-8', $r[city]); echo "obj.options[obj.options.length] = new Option('".$r[city]."','".$r[city]. "') ;n"; $i ; } $resultarea = $db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE 州='$province' ORDER BY cityid "); $r = $db->fetch_array($resultarea); $city = $r[city]; $resulta = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY ." WHERE city='$city' ORDER BY cityid"); while($ra = $db->fetch_array($resulta)) { $ra[エリア]= iconv(' gb2312','UTF-8',$ra[エリア]); echo "obja.options[obja.options.length] = new Option('".$ra[エリア]."', '". $ra[エリア]."');n"; $i ; }

} if($city && $province=='' ){ global $db; $i = 1;

$result = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid "); while($r = $db->fetch_array($result)) { $r[エリア]=iconv('gb2312','UTF-8',$r[エリア]) ; echo "obja.options[obja.options.length] = new Option('".$r[エリア]."','".$r[エリア]."');n" ; >$i ; } ?>

アドレス情報データベース:

phpcms3.0 に付属のデータベースを使用します

このプログラムは phpcms3.0 で直接使用できます。他の場所で使用する場合は、自分で修正してください