ホームページ  >  記事  >  バックエンド開発  >  初のphp+mysqlに遅れをとった都道府県・市・県レベル3連携 ajax技術を利用した非リフレッシュメニューのソースコード_PHPチュートリアル

初のphp+mysqlに遅れをとった都道府県・市・県レベル3連携 ajax技術を利用した非リフレッシュメニューのソースコード_PHPチュートリアル

WBOY
WBOYオリジナル
2016-07-21 15:58:26772ブラウズ

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

テストページコード:

コードをコピーします コードは次のとおりです:



php+ajax はドロップダウン メニューを動的に生成します <br> <スクリプト言語 ="JavaScript" src="../include/js/regions.js"></head> <br><body> フォーム名="form1" メソッド="post" アクション=""> <br><tr><td>{$regions(中華人民共和国)}</td></tr> <br></body> ; <br></ html><br><br><br>地域関数コード: <br>引用: <br> </div> <br><br>コードをコピー<br><div class="codetitle"> コードは次のとおりです: <span style="CURSOR: pointer" onclick="doCopy('code14888')"><u>//都道府県、市区町村、都道府県の 3 レベルの連携ドロップダウン メニュー関数地域州.市.県 </u>function地域s($country="中華人民共和国") </span>{ </div> ><option value = "" country' ORDER BY Provinid"); <div class="codebody" id="code14888"> while($r = $db-> fetch_array($result)) <br> $text .= "<option value=".$r['province']."> ;".$r['province']."</option> "; i++; <br> $i++; <br> $text.="</select>"; <br> $i++; value="">市/郡/地区</option></select>n" ; <br> $text.="<select id="select3" name="select3" style="width:90px;" ><option value="">郡レベルの都市/郡</option>< ;/select>n"; ,<div class="codebody" id="code92862">//var ab = 新しい Array();   <br>var xmlHttp;   <br>var xmlHTTP;  <br>function createXMLHttpRequest() { <br> if (window.ActiveXObject) { <br> xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   <br> } <br> else if (window.XMLHttpRequest) { <br> xmlHttp = new XMLHttpRequest();   <br> } <br>} <br>function createXMLHttpRequesta() { <br> if (window.ActiveXObject) { <br> xmlHttpa = new ActiveXObject("Microsoft.XMLHTTP");   <br> } <br> else if (window.XMLHttpRequest) { <br> xmlHttpa = new XMLHttpRequest();   <br> } <br>} <br><br>function startRequest() { <br> createXMLHttpRequest();   <br> createXMLHttpRequesta();   <br> xmlHttp.onreadystatechange = handleStateChange;   <br> xmlHttpa.onreadystatechange = handleStateChangearea;   <br> document.getElementById('select2').options.length = 0;   <br> document.getElementById('select3').options.length = 0;  <br> var url = document.form1.select1.value;   <br> var qurl = "/regions.php?province="+url+"&time="+new Date().getTime();   <br> xmlHttp.open("GET", qurl, true);   <br> xmlHttp.send(null);   <br> //setTimeout("startRequest()",2000);   <br>} <br><br>function handleStateChange() { <br> if(xmlHttp.readyState == 4) { <br> if(xmlHttp.status == 200) { <br> var obj = ドキュメント。 getElementById('select2'); // 将サービスから返される文字列を页面中 ID は select2 の領域 <br> obja = document.getElementById('select3'); // 将サービスから返される文字列を页面中 ID は select3 の領域 <br> eval(xmlHttp.responseText);     <br><br> } <br> } <br>} <br>function handleStateChangearea() { <br> eval(xmlHttpa.responseText);            <br>} <br>//var ab = new Array();   <br><br>function startRequesta() { <br> createXMLHttpRequesta();   <br> xmlHttpa.onreadystatechange = handleStateChangea;   <br> document.getElementById('select3').options.length = 0;   <br> var url = document.form1.select2.value;   <br> var qurl = "/regions.php?city="+url+"&time="+new Date().getTime();   <br> xmlHttpa.open("GET", qurl, true);   <br> xmlHttpa.send(null);   <br> //setTimeout("startRequest()",2000);   <br>}<br><br>function handleStateChangea() { <br> if(xmlHttpa.readyState == 4) { <br> if(xmlHttpa.status == 200) { <br> var obja = document.getElementById('select 3') <br> eval(xmlHttpa.respon) seテキスト) ; <br> // サーバーから返された文字列をページ内の select3 の領域に書き込みます <br><br> <br> コードは次のとおりです。 <br> </div> <?php <BR>require "common.php" <br>$city; = $city ? $city : ""; $area : ""; <br> グローバル $db; db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE 州='$province' ORDER BY cityid") <br> while( $r = $db->fetch_array($result)) <br> { <div class="codetitle"> $ r[city]=iconv('gb2312','UTF-8',$r[city]); <span style="CURSOR: pointer" onclick="doCopy('code32383')">echo "obj.options[obj .options.length] = new Option('".$r[city]. "','".$r[市]."');n"; <u>$i++; </u> } </span> $resultarea = $db- >query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE 州=' $province' ORDER BY cityid"); </div> $r = $db->fetch_array($resultarea); <div class="codebody" id="code32383"> $city = $r[city ]; <br> $resulta = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid"); <br> while($ra = $db->fetch_array($ resulta)) <br> { <br> $ra[エリア]=iconv('gb2312', 'UTF-8',$ra[エリア]); <br>echo "obja.options[obja.options.length] = new Option('" .$ra[エリア]."','".$ra[エリア] ."');n"; <br>$i++; <br><br>} <br>if($city && $province==''){ <br> グローバル $i = 1; >query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid"); <br> while($r = $db->fetch_array($result)) <br> { <br> $r[ area]=iconv('gb2312','UTF-8',$r[エリア]); <br>echo "obja.options[obja.options .length] = new Option('".$r[エリア]."' ,'".$r[エリア]."');n"; <br>$i++; <br> } <br>} <br>?> <br><br>住所情報データベース: <br><br> phpcms3.0に付属のデータベースを使用します。変更を加えました。<br><br>このプログラムは phpcms3.0 で直接使用できます。他の場所で使用する場合は、自分で変更してください。 <br> <br><br><br>http://www.bkjia.com/PHPjc/317597.html<br><br>www.bkjia.com<br><br>tru​​e<br><br>http://www.bkjia.com/PHPjc/317597.html<br><br>技術記事<br><br>完全にオリジナルのテスト アドレス: http://www.mlmm.cn/mypage/?name=ceshi テスト ページのコード: 次のようにコードをコピーします: html head metahttp-equiv="Content-Type"content="text/html;charset = GB2...</div> <br><br><br> <br><br></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="MySQL_PHP チュートリアルを使用した PHP セッションの開始" href="http://m.php.cn/ja/faq/311464.html">MySQL_PHP チュートリアルを使用した PHP セッションの開始</a></span><span>次の記事:<a class="dBlack" title="MySQL_PHP チュートリアルを使用した PHP セッションの開始" href="http://m.php.cn/ja/faq/311466.html">MySQL_PHP チュートリアルを使用した PHP セッションの開始</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/2.html" title="正規表現内のすべての式記号 (概要)" class="aBlack">正規表現内のすべての式記号 (概要)</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai" >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>