Jquery gebruikt de AJAX Request Database voor provinciale en gemeentelijke koppelingen

Klein tuig · Geplaatst op 19-08-2015 21:09:49

Omdat het de eerste keer was dat ik dit effect deed, deed ik het langzaam en ontdekte ik dat ik veel repetitieve code had geschreven.

Er is nu geen tijd om te optimaliseren, laten we het ermee doen en uiteindelijk het gecomprimeerde pakket toevoegen, inclusief het databasescript.

Daarnaast is de provinciale en gemeentelijke koppelingscode in puur js toegevoegd

Gebruik JS om het drie-niveau koppelmenu van provincies en steden te realiseren
http://www.itsvse.com/thread-2072-1-1.html
(Bron: Wuhan Software Engineering Beroepscollege)

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

Code kopiëren

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

Delver_Si · Geplaatst op 21-08-2015 21:44:21

Laat me iets toevoegen

admin · Geplaatst op 22-08-2015 07:45:21

Delver_Si Geplaatst op 21-8-2015 21:44
Laat me iets toevoegen

Heel krachtig!!

Delver_Si · Geplaatst op 22-08-2015 17:55:02

Admin geplaatst op 22-8-2015 07:45
Heel krachtig!!

[Jquery] Jquery gebruikt de AJAX Request Database voor provinciale en gemeentelijke koppelingen

Gerelateerde berichten