Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › O Jquery usa o banco de dados de solicitações AJAX para ligação entre províncias e municípios
Vista: 17984|Resposta: 3

[Jquery] O Jquery usa o banco de dados de solicitações AJAX para ligação entre províncias e municípios

[Copiar link]
Publicado em 19/08/2015 21:09:49 | | |
Como foi a primeira vez que fiz esse efeito, fui fazendo aos poucos e percebi que tinha escrito muito código repetitivo.

Não há tempo para otimizar agora, vamos nos contentar com isso e finalmente anexar o pacote comprimido, incluindo o script do banco de dados.

Além disso, o código de ligação provincial e municipal escrito em js puro está anexado

Use o JS para perceber o menu de ligação de três níveis de províncias e cidades
http://www.itsvse.com/thread-2072-1-1.html
(Fonte: Faculdade Profissional de Engenharia de Software de 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>
Copiar código
AjaxDemo.rar (196.62 KB, Número de downloads: 4)




Anterior:Aviso do disco rígido do computador C5, o que fazer
Próximo:jquery vários pontos de conhecimento comum

Posts Relacionados
Publicado em 21/08/2015 21:44:21 |
Deixe-me acrescentar

SSLD.rar

185,49 KB, Tempos de download: 6, Créditos de download: -1 prestígio, -1 contribuição
Publicado em 22/08/2015 07:45:21 |
Delver_Si Postado em 21-08-2015 às 21:44
Deixe-me acrescentar

Muito poderoso!!
Publicado em 22/08/2015 17:55:02 |
admin postado em 2015-8-22 07:45
Muito poderoso!!

Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com