Heim > Backend-Entwicklung > PHP-Tutorial > Verwenden Sie PHP, um eine dreistufige Verknüpfung in städtischen Gebieten mit angeschlossener Datenbank zu realisieren

Verwenden Sie PHP, um eine dreistufige Verknüpfung in städtischen Gebieten mit angeschlossener Datenbank zu realisieren

PHPz
Freigeben: 2023-03-06 11:20:01
Original
8961 Leute haben es durchsucht

Verwenden Sie php, um eine dreistufige Verknüpfung in städtischen Gebieten zu realisieren , kann in ein kleines Plug-In umgewandelt werden, das Sie bei Bedarf in der Zukunft jederzeit anpassen können

Mal sehen, wie es geht

Schreiben Sie zuerst ein p und stellen Sie dann das js-Paket vor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="jquery-1.11.2.min.js?1.1.9"></script><script src="sanji.js?1.1.9"></script></head><body>
    <p id="sanji">  
    </p></body></html>
Nach dem Login kopieren

Die importierte js-Datei heißt sanji.js

Schauen wir uns dann an, wie die js-Datei geschrieben ist

$(document).ready(function(e) {    
    //向p里面扔三个下拉
    var str = "<select id=&#39;sheng&#39;></select><select id=&#39;shi&#39;></select><select id=&#39;qu&#39;></select>";
    $("#sanji").html(str);
    
    FillSheng();
    FillShi();
    FillQu();//选中项变化    
    $("#sheng").change(function(){                
            FillShi();
            FillQu();
        })
    $("#shi").change(function(){
            FillQu();
        })
});//填充省的方法function FillSheng()
{    var pcode = "0001";       //父级代号    $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){              //回调函数
                    var hang = data.split("|");    //根据行与行的分隔符来拆
                    var str = "";                    for(var i=0;i<hang.length;i++)
                    {                        var lie = hang[i].split("^");          //列与列的分隔符来拆
                        str += "<option value=&#39;"+lie[0]+"&#39;>"+lie[1]+"</option>";    //中间显示地区名称                    }
                    $("#sheng").html(str);        //把显示的地区名称填充进去                }
        });
}//填充市的方法function FillShi()
{    var pcode = $("#sheng").val();
    $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){                    var hang = data.split("|");                    var str = "";                    for(var i=0;i<hang.length;i++)
                    {                        var lie = hang[i].split("^");
                        str += "<option value=&#39;"+lie[0]+"&#39;>"+lie[1]+"</option>";
                    }
                    $("#shi").html(str);
                }
        });
}//填充区的方法function FillQu()
{    var pcode = $("#shi").val();
    $.ajax({
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){                    var hang = data.split("|");                    var str = "";                    for(var i=0;i<hang.length;i++)
                    {                        var lie = hang[i].split("^");
                        str += "<option value=&#39;"+lie[0]+"&#39;>"+lie[1]+"</option>";
                    }
                    $("#qu").html(str);
                }
        });
}
Nach dem Login kopieren

Solange eines geschrieben ist, sind die anderen beiden Prinzipien dieselben wie das obige

Schauen wir uns noch einmal die Verarbeitungsseite an. Verwenden Sie eine Verarbeitungsseite für drei Artikel

Schauen Sie sich den Code zur Verarbeitung der Seite an

<?phpinclude("DBDA.class.php");$db = new DBDA();$pcode = $_POST["pcode"];$sql = "select * from chinastates where parentareacode=&#39;{$pcode}&#39;";echo $db->StrQuery($sql);
Nach dem Login kopieren

Die Regionstabelle der Datenbank ist Chinastates

Überprüfen Sie alle Daten anhand des übergebenen Elterncodes

Der endgültige Laufeffekt ist so

Werfen wir einen Blick auf den Inhalt der Datenbank

Die Datenbank enthält viele Inhalte, einschließlich aller Regionsnamen in der Verknüpfung der dritten Ebene, unter Verwendung der Codenamen- und Subcode-Methode

Nehmen wir zum Beispiel Peking. Der Codename von Peking ist 11. Der Subcodename der darunter liegenden Stadt Peking ist 11. Der Hauptcodename der Stadt Peking ist 1101. Der Subcodename der Region unterhalb der Stadt Peking ist 1101 . Wenn Sie die Region anpassen, können Sie sie anhand des Hauptcodenamens abfragen.

Das Obige verwendet PHP, um die einfachste dreistufige Verknüpfung in städtischen Gebieten zu realisieren, die von einer chinesischen PHP-Website bearbeitet und organisiert wird!

Verwandte Artikel:

js realisiert den dreistufigen Verknüpfungsmenüeffekt von Provinzen und Gemeinden

Beispielcode zur Realisierung von Ajax Three- Dropdown-Menü „Ebenenverknüpfung“

Beispiel für Yii2, das eine dreistufige Verknüpfung zwischen Provinzen und Gemeinden in China realisiert

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage