省份城市菜单联动,AJAX 3级菜单联动
首先看JQ的扩展如下:
//city selected
jQuery.fn.cityselect = function(n,s1,s2,s3) {
if ((n!=3)&&(n!=2)) {n=2};
if (s1=="") {s1="province"};
if (s2=="") {s2="city"};
if (s3=="") {s3="area"};
if (n==2){//二级联动
//alert(s1+$("select[@name="+s1+"] option[@selected]").val());
$("select[@name="+s1+"]").bind("change",function(event) {
$.ajax({
type: "GET",
url: "/inc/lib/ajax_city.php",
data: "n=v2&cityid="+$("select[@name="+s1+"] option[@selected]").val(),
success: function(opt){$("select[@name="+s2+"]").empty().append(opt);}
});
});
}
if (n==3){//三级联动
$("select[@name="+s1+"]").bind("change",function(event) {
$.ajax({
type: "GET",
url: "/inc/lib/ajax_city.php",
data: "n=v2&cityid="+$("select[@name="+s1+"] option[@selected]").val(),
success: function(opt){
$("select[@name="+s2+"]").empty().append(opt);
$.ajax({
type: "GET",
url: "/inc/lib/ajax_city.php",
data: "n=v3&cityid="+$("select[@name="+s2+"] option[@selected]").val(),
success: function(opt){
$("select[@name="+s3+"]").empty().append(opt);
}
});
}
});
});
$("select[@name="+s2+"]").bind("change",function(event) {
$.ajax({
type: "GET",
url: "/inc/lib/ajax_city.php",
data: "n=v3&cityid="+$("select[@name="+s2+"] option[@selected]").val(),
success: function(opt){ $("select[@name="+s3+"]").empty().append(opt);}
});
});
}
};
接下来是PHP里的函数如下========
//城市联动脚本
function cityselect($n=2,$s1=province,$s2=city,$s3=area,$v1=320000,$v2=320500,$v3=320501){
$db = new DB_Sql; //初始化数据库
$db->connect(DB_Database, DB_Host, DB_User, DB_Password); //数据库连接
$db->DB_Sql("set names gbk");
//联动AJAX脚本
$tmp = "
";
//省份选择
$tmp .= "
";
//城市选择
$tmp .= "
";
if ($n==3){
//地区选择
$tmp .= "
";
}
echo $tmp;
}
调用的时候:

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Zhengtu IPx klassische Animation „Reise in den Westen' Die Reise in den Westen ist furchtlos und furchtlos

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt

Erweiterungen und Drittanbietermodule für PHP-Funktionen

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage

Sammle alle Schatztruhen in der Stadt Mingchao Jinzhou

Wie erhalte ich Variablen aus der PHP-Methode mit Ajax?

Doppelte Koch-Ekstase! Die Zusammenarbeit zwischen „Onmyoji' x „Hatsune Miku' beginnt am 6. März

Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden?
