この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › jQueryは州および自治体の連携のためにAJAXリクエストデータベースを使用しています
眺める： 17984|答える： 3

[Jquery] jQueryは州および自治体の連携のためにAJAXリクエストデータベースを使用しています

[リンクをコピー]
掲載地 2015/08/19 21:09:49 | | |
このエフェクトを初めてやったので、ゆっくりやってみると、繰り返しのコードを書いてしまったことに気づきました。

今は最適化する時間はなく、それで我慢し、最終的に圧縮パッケージとデータベーススクリプトを添付しましょう。

さらに、純粋なjsで書かれた州および自治体のリンクコードも添付されています

JSを使って省と市の三層リンクメニューを実現
http://www.itsvse.com/thread-2072-1-1.html
(出典:武漢ソフトウェア工学職業学院)


  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>
コードをコピーします
AjaxDemo.rar (196.62 KB, ダウンロード数: 4)




先の：コンピュータハードディスクC5の警告、対処法
次に：jqueryでいくつかの共通知識ポイント

関連記事
掲載地 2015/08/21 21:44:21 |
付け加えると

SSLD.rar

185.49 KB、ダウンロード時間:6、ダウンロードクレジット:-1 プレステージ、-1 貢献
掲載地 2015/08/22 7:45:21 |
Delver_Si 2015年8月21日 21:44に投稿
付け加えると

とても強力です!!
掲載地 2015/08/22 17:55:02 |
管理者 2015年8月22日 07:45 投稿
とても強力です!!

免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com