Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Bingkai ujung depan › jQuery menggunakan database permintaan ajax untuk keterkaitan provinsi dan kota
Melihat: 17984|Jawab: 3

[Jpertanyaan] jQuery menggunakan database permintaan ajax untuk keterkaitan provinsi dan kota

[Salin tautan]
Diposting pada 19/08/2015 21.09.49 | | |
Karena ini adalah pertama kalinya saya melakukan efek ini, saya perlahan-lahan melakukannya dan menemukan bahwa saya telah menulis banyak kode berulang.

Tidak ada waktu untuk mengoptimalkan sekarang, mari kita puas dengan itu, dan akhirnya lampirkan paket terkompresi, termasuk skrip database.

Selain itu, kode keterkaitan provinsi dan kota yang ditulis dalam js murni dilampirkan

Gunakan JS untuk mewujudkan menu keterkaitan tiga tingkat provinsi dan kota
http://www.itsvse.com/thread-2072-1-1.html
(Sumber: Sekolah Kejuruan Rekayasa Perangkat Lunak Wuhan)


  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>
Salin kode
AjaxDemo.rar (196.62 KB, Jumlah unduhan: 4)




Mantan:Peringatan hard disk komputer C5, apa yang harus dilakukan
Depan:jquery beberapa poin pengetahuan umum

Pos terkait
Diposting pada 21/08/2015 21.44.21 |
Izinkan saya menambahkan

SSLD.rar

185.49 KB, Waktu unduh: 6, Unduh kredit: -1 prestise, -1 kontribusi
Diposting pada 22/08/2015 07.45.21 |
Delver_Si Dipaparkan pada 2015-8-21 21:44
Izinkan saya menambahkan

Sangat kuat!!
Diposting pada 22/08/2015 17.55.02 |
admin Dipaparkan pada 2015-8-22 07:45
Sangat kuat!!

Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com