Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › A jquery AJAX Request Database-et használ tartományi és önkormányzati kapcsolatokhoz
Nézet: 17984|Válasz: 3

[Csípős] A jquery AJAX Request Database-et használ tartományi és önkormányzati kapcsolatokhoz

[Linket másol]
Közzétéve 2015. 08. 19. 21:09:49 | | |
Mivel ez volt az első alkalom, hogy ezt az effektet csináltam, lassan megcsináltam, és rájöttem, hogy rengeteg ismétlődő kódot írtam.

Most nincs idő optimalizálni, beérjük vele, és végül csatoljuk a tömörített csomagot, beleértve az adatbázis szkriptet is.

Ezen felül csatolják a tartományi és önkormányzati kapcsolási kódot, amelyet tiszta js-ben írtak

Használd a JS-t, hogy megvalósítsd a tartományok és városok háromszintű összekapcsolási menüjét
http://www.itsvse.com/thread-2072-1-1.html
(Forrás: Wuhan Software Engineering Vocational College)


  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlaceInfo.aspx.cs" Inherits="AjaxDemo.PlaceInfo" %>

  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <title></title>
  8.     <scrip去掉t src="scrip去掉ts/jquery-1.4.1.min.js" type="text/javascrip去掉t"></scrip去掉t>
  9.     <scrip去掉t type="text/javascrip去掉t">

  11.         //省方法
  12.         function sheng() {
  13.             var $sheng = $("#sheng option:selected").val();
  14.             $.ajax({
  15.                 url: "ajax3.aspx",
  16.                 type: "get",
  17.                 data: "test=x&sheng=" + $sheng,
  18.                 success: function (mesg) {
  19.                     $("#shi").empty();
  20.                     $("#shi").append(mesg);
  21.                     $("#shi option:eq(0)").attr("selected", "selected");
  22.                     var num = $("#shi option").length;
  23.                     if (num > 1) {
  24.                         $("#shi").show();
  25.                     } else {
  26.                         $("#shi").hide();
  27.                     }
  28.                     shi();
  29.                 }
  30.             });
  31.         };
  32.         //市方法
  33.         function shi() {
  34.             var $shi = $("#shi option:selected").val();
  35.             $.ajax({
  36.                 url: "ajax3.aspx",
  37.                 type: "get",
  38.                 data: "test=x&sheng=" + $shi,
  39.                 success: function (mesg) {
  40.                     $("#xian").empty();
  41.                     $("#xian").append(mesg);
  42.                     $("#xian option:eq(0)").attr("selected", "selected");
  43.                 }
  44.             });
  45.         }
  46.         $(function () {

  48.             $.ajax({
  49.                 url: "ajax3.aspx",
  50.                 type: "get",
  51.                 data: "",
  52.                 success: function (mesg) {
  53.                     $("#sheng").append(mesg);
  54.                     $("#sheng option:eq(0)").attr("selected", "selected");
  55.                     sheng();
  56.                     
  57.                 }
  58.             });
  59.             /**测试按钮**/
  60.             $(":button").click(function () {
  61.                 var $a = $("#sheng option:selected").val();
  62.                 alert($a);
  63.             });
  64.             //选中省
  65.             $("#sheng").change(function () {
  66.                 sheng();
  67.             });
  68.             //选中市
  69.             $("#shi").change(function () {
  70.                 shi();
  71.             });
  72.         });
  73.     </scrip去掉t>
  74. </head>
  75. <body>
  76.     <form id="form1" runat="server">
  77.     <div>
  78.         <select id="sheng"></select>
  79.         <select id="shi"></select>
  80.         <select id="xian"></select>
  81.         <input type="button" value="test" />   
  82.     </div>
  83.     </form>
  84. </body>
  85. </html>
Kód másolása
AjaxDemo.rar (196.62 KB, Letöltések száma: 4)




Előző:Számítógép merevlemez C5 figyelmeztetés, mit kell tenni
Következő:jquery több közös tudáspontot

Kapcsolódó bejegyzések
Közzétéve 2015. 08. 21. 21:44:21 |
Hadd tegyem hozzá

SSLD.rar

185,49 KB, letöltési idő: 6, Letöltési kredit: -1 presztízs, -1 hozzájárulás
Közzétéve 2015. 08. 22. 7:45:21 |
Delver_Si Közzétéve: 2015-08-21 21:44
Hadd tegyem hozzá

Nagyon erős!!
Közzétéve 2015. 08. 22. 17:55:02 |
admin közzétéve: 2015-08-22 07:45
Nagyon erős!!

Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com