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

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

{
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;">市/郡/地区< ;/select>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 で直接使用できます。他の場所で使用する場合は、自分で修正してください

関連ラベル：

ajax php+mysql リフレッシュする オリジナル 土地 テクノロジー テスト ソースコード の 絶対 リンケージ メニュー 使用 スターター

ソース：php.cn

前の記事：PHPでよく使われるおすすめエディタ 次の記事：PHP を使い始める方法を学ぶ方法を共有する

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...

から 2024-04-06 22:01:35

0

3

816

モバイル サイズの画面で段落を左側に移動するための CSS および HTML メソッド 通常の 16:9 のコンピュータ画面では、左側にテキスト、右側に画像が表示され、完璧に見えます。ただし、小さい画面 (携帯電話サイズの画面など) では、希望どおりに段落の上に画像が...

から 2024-04-04 20:25:22

0

1

330

テーブルではなく DOM を通じてデータをレンダリングする方法 作成中のアプリケーションについて質問があります。Oracle データベースを使用しており、データベースから情報を取得し、テーブルを介して画面に表示していますが、データを個別に処理し...

から 2024-04-04 18:17:27

0

1

3567

テキスト装飾とナビゲーション バーが機能しないのはなぜですか? Web ページを作成していますが、Navar とリンクに問題があります。私のnavarアイテムはnavarに留まらず、下に流れてしまいました。また、 text-decoration...

から 2024-04-01 21:40:16

0

1

272

関連トピック

詳細>

• ajax チュートリアル
• ウェブサイトのソースコード
• Ajax 中国語文字化けコードの解決策
• 一般的なテスト手法にはどのようなものがありますか?
• ajaxで中国語の文字化けが送信された場合の対処方法
• PHP業界で働くにはどのようなスキルが必要ですか?
• PowerDesigner から Word をエクスポートする方法
• ダイナミック リンク ライブラリの初期化ルーチンが失敗しました

人気のおすすめ

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1421455
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4265293
• 
  JAVA 初心者向けビデオチュートリアル

  2517040
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  506300
• 
  PHP ゼロベースの入門チュートリアル

  861443

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1421455 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2517040 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  506300 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  215634 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  886427 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  7216 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  5616 回の学習
• 
  Go言語実践GraphQL

  4726 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  674 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  23797 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート