JQUERY, il ve belediye bağlantıları için AJAX Request Database kullanır

Küçük · Yayınlandı 19.08.2015 21:09:49

Bu efekti ilk kez yaptığım için yavaş yavaş yaptım ve çok fazla tekrarlayan kod yazdığımı fark ettim.

Şu anda optimize etmek için zaman yok, bununla idare edelim ve sonunda sıkıştırılmış paketi, veritabanı betiklerini de dahil ederek ekleyelim.

Ayrıca, saf js ile yazılmış il ve belediye bağlantı kodu da eklenmiştir

JS kullanarak eyalet ve şehirlerin üç seviyeli bağlantı menüsünü gerçekleştirin
http://www.itsvse.com/thread-2072-1-1.html
(Kaynak: Wuhan Yazılım Mühendisliği Meslek Koleji)

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

Kopya kodu

AjaxDemo.rar (196.62 KB, İndirme sayısı: 4)

Delver_Si · Yayınlandı 21.08.2015 21:44:21

Eklemek istiyorum

Admin · Yayınlandı 22.08.2015 07:45:21

Delver_Si 2015-8-21 tarihinde 21:44 tarihinde yayınlandı
Eklemek istiyorum

Çok güçlü!!

Delver_Si · Yayınlandı 22.08.2015 17:55:02

admin 2015-8-22 07:45 tarihinde gönderildi
Çok güçlü!!

[Jırlama] JQUERY, il ve belediye bağlantıları için AJAX Request Database kullanır

İlgili Yazılar