省份城市菜单联动,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;
}
调用的时候:

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Animasi klasik Zhengtu IPx 'Perjalanan ke Barat' Perjalanan ke barat adalah tanpa rasa takut dan tanpa rasa takut

Bagaimana untuk menyelesaikan ralat 403 yang dihadapi oleh permintaan jQuery AJAX

Sambungan dan modul pihak ketiga untuk fungsi PHP

Bagaimana untuk menyelesaikan ralat permintaan jQuery AJAX 403

Wuthering WavesKumpul semua peti harta karun di Bandar Jinzhou

Bagaimana untuk mendapatkan pembolehubah daripada kaedah PHP menggunakan Ajax?

Ekstasi chef berganda! Kerjasama 'Onmyoji' x 'Hatsune Miku' bermula pada 6 Mac

Bagaimana untuk menyelesaikan masalah jQuery AJAX ralat 403?
