Jquery använder Ajax Request Database för provinsiell och kommunal koppling

Lilla avskum · Publicerad på 2015-08-19 21:09:49

Eftersom det var första gången jag gjorde den här effekten, gjorde jag det långsamt och upptäckte att jag hade skrivit mycket repetitiv kod.

Det finns ingen tid att optimera nu, låt oss nöja oss med det och slutligen bifoga det komprimerade paketet, inklusive databasskriptet.

Dessutom är den provinsiella och kommunala länkkoden skriven i ren js bifogad

Använd JS för att skapa den tre-nivås länkmenyn för provinser och städer
http://www.itsvse.com/thread-2072-1-1.html
(Källa: Wuhan Software Engineering Vocational College)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlaceInfo.aspx.cs" Inherits="AjaxDemo.PlaceInfo" %>
<!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 runat="server">
<title></title>
<scrip去掉t src="scrip去掉ts/jquery-1.4.1.min.js" type="text/javascrip去掉t"></scrip去掉t>
<scrip去掉t type="text/javascrip去掉t">
//省方法
function sheng() {
var $sheng = $("#sheng option:selected").val();
$.ajax({
url: "ajax3.aspx",
type: "get",
data: "test=x&sheng=" + $sheng,
success: function (mesg) {
$("#shi").empty();
$("#shi").append(mesg);
$("#shi option:eq(0)").attr("selected", "selected");
var num = $("#shi option").length;
if (num > 1) {
$("#shi").show();
} else {
$("#shi").hide();
}
shi();
}
});
};
//市方法
function shi() {
var $shi = $("#shi option:selected").val();
$.ajax({
url: "ajax3.aspx",
type: "get",
data: "test=x&sheng=" + $shi,
success: function (mesg) {
$("#xian").empty();
$("#xian").append(mesg);
$("#xian option:eq(0)").attr("selected", "selected");
}
});
}
$(function () {
$.ajax({
url: "ajax3.aspx",
type: "get",
data: "",
success: function (mesg) {
$("#sheng").append(mesg);
$("#sheng option:eq(0)").attr("selected", "selected");
sheng();
}
});
/**测试按钮**/
$(":button").click(function () {
var $a = $("#sheng option:selected").val();
alert($a);
});
//选中省
$("#sheng").change(function () {
sheng();
});
//选中市
$("#shi").change(function () {
shi();
});
});
</scrip去掉t>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="sheng"></select>
<select id="shi"></select>
<select id="xian"></select>
<input type="button" value="test" />
</div>
</form>
</body>
</html>

Kopiera koden

AjaxDemo.rar (196.62 KB, Antal nedladdningar: 4)

Delver_Si · Publicerad på 2015-08-21 21:44:21

Låt mig tillägga

Admin · Publicerad på 2015-08-22 07:45:21

Delver_Si Publicerad den 2015-8-21 21:44
Låt mig tillägga

Väldigt kraftfullt!!

Delver_Si · Publicerad på 2015-08-22 17:55:02

admin publicerad 2015-8-22 07:45
Väldigt kraftfullt!!

[Jquery] Jquery använder Ajax Request Database för provinsiell och kommunal koppling

Relaterade inlägg