jQuery izmanto Ajax pieprasījumu datu bāzi provinču un pašvaldību sasaistei

Maz putas · Publicēts 19.08.2015 21:09:49

Tā kā tā bija pirmā reize, kad es darīju šo efektu, es lēnām to darīju un atklāju, ka esmu uzrakstījis daudz atkārtota koda.

Tagad nav laika optimizēt, iztiksim ar to un visbeidzot pievienosim saspiesto pakotni, ieskaitot datu bāzes skriptu.

Turklāt ir pievienots provinces un pašvaldības saiknes kods, kas rakstīts tīrā js

Izmantojiet JS, lai realizētu provinču un pilsētu trīs līmeņu saiknes izvēlni
http://www.itsvse.com/thread-2072-1-1.html
(Avots: Uhaņas programmatūras inženierijas profesionālā koledža)

<%@ 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>

Kopēt kodu

AjaxDemo.rar (196.62 KB, Lejupielādes skaits: 4)

Delver_Si · Publicēts 21.08.2015 21:44:21

Ļaujiet man piebilst

Admin · Publicēts 22.08.2015 07:45:21

Delver_Si Publicēts 2015-8-21 21:44
Ļaujiet man piebilst

Ļoti spēcīgs !!

Delver_Si · Publicēts 22.08.2015 17:55:02

admin Publicēts 2015-8-22 07:45
Ļoti spēcīgs !!

[Jquery] jQuery izmanto Ajax pieprasījumu datu bāzi provinču un pašvaldību sasaistei

Saistītās ziņas