jquery bruger ajax request-database til provinsielle og kommunale forbindelser

Lille skarn · Opslået på 19/08/2015 21.09.49

Fordi det var første gang, jeg lavede denne effekt, gjorde jeg det langsomt og opdagede, at jeg havde skrevet en masse gentagende kode.

Der er ikke tid til at optimere nu, lad os klare os med det og til sidst vedhæfte den komprimerede pakke, inklusive databasescriptet.

Derudover er den provinsielle og kommunale koblingskode skrevet i ren js vedlagt

Brug JS til at realisere den tre-niveaus linkage-menu for provinser og byer
http://www.itsvse.com/thread-2072-1-1.html
(Kilde: 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>

Kopier kode

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

Delver_Si · Opslået på 21/08/2015 21.44.21

Lad mig tilføje

Admin · Opslået på 22/08/2015 07.45.21

Delver_Si Opslået den 21-8-2015 kl. 21:44
Lad mig tilføje

Meget kraftfuldt!!

Delver_Si · Opslået på 22/08/2015 17.55.02

admin postet den 22-8-2015 07:45
Meget kraftfuldt!!

[Jquery] jquery bruger ajax request-database til provinsielle og kommunale forbindelser

Relaterede indlæg