"jQuery" naudoja "Ajax" užklausų duomenų bazę provincijos ir savivaldybių ryšiams

Mažai purvo · Paskelbta 2015-08-19 21:09:49

Kadangi tai buvo pirmas kartas, kai padariau šį efektą, pamažu tai padariau ir pastebėjau, kad parašiau daug pasikartojančio kodo.

Dabar nėra laiko optimizuoti, susitvarkykime su tuo ir galiausiai pridėkite suspaustą paketą, įskaitant duomenų bazės scenarijų.

Be to, pridedamas provincijos ir savivaldybių susiejimo kodas, parašytas grynu js

Naudokite JS, kad realizuotumėte trijų lygių provincijų ir miestų susiejimo meniu
http://www.itsvse.com/thread-2072-1-1.html
(Šaltinis: Uhano programinės įrangos inžinerijos profesinis koledžas)

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

Kopijuoti kodą

AjaxDemo.rar (196.62 KB, Atsisiuntimų skaičius: 4)

Delver_Si · Paskelbta 2015-08-21 21:44:21

Leiskite man pridėti

Admin · Paskelbta 2015-08-22 07:45:21

Delver_Si Publikuota: 2015-8-21 21:44
Leiskite man pridėti

Labai galingas!!

Delver_Si · Paskelbta 2015-08-22 17:55:02

admin Parašyta 2015-8-22 07:45
Labai galingas!!

[Jquery] "jQuery" naudoja "Ajax" užklausų duomenų bazę provincijos ir savivaldybių ryšiams

Susijusios žinutės