JQUERY käyttää AJAX-pyyntötietokantaa maakuntien ja kuntien yhdistämiseen

Pikku roisto · Julkaistu 19.8.2015 21.09.49

Koska tein tämän efektin ensimmäistä kertaa, tein sen hitaasti ja huomasin kirjoittaneeni paljon toistuvaa koodia.

Nyt ei ole aikaa optimoida, pärjätään sen kanssa ja liitetään lopuksi pakattu paketti, mukaan lukien tietokantaskripti.

Lisäksi on liitetty provinssin ja kunnan linkityskoodi, joka on kirjoitettu puhtaalla js:llä

Käytä JS:ää toteuttaaksesi provinssien ja kaupunkien kolmitasoisen linkitysvalikon
http://www.itsvse.com/thread-2072-1-1.html
(Lähde: 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>

Kopioi koodi

AjaxDemo.rar (196.62 KB, Latausten määrä: 4)

Delver_Si · Julkaistu 21.8.2015 21.44.21

Lisään vielä

Admin · Julkaistu 22.8.2015 7.45.21

Delver_Si Julkaistu 2015-8-21 21:44
Lisään vielä

Todella voimakasta!!

Delver_Si · Julkaistu 22.8.2015 17.55.02

ylläpitäjä julkaisi 2015-8-22 07:45
Todella voimakasta!!

[Jquery] JQUERY käyttää AJAX-pyyntötietokantaa maakuntien ja kuntien yhdistämiseen

Aiheeseen liittyvät julkaisut