欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)

這篇文章主要介紹“ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)”，在日常操作中，相信很多人在ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

昌邑ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書(shū)合作）期待與您的合作！

效果圖：

ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)

實(shí)現(xiàn)代碼：

1、html：

<html>
<head>
 <title></title>
  <style type="text/css">
  select
  {
   width: 150px;
  }
 </style>
 <script src="js/Jquery1.7.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function () {
   $.ajax({
    type: "post",
    contentType: "application/json",
    url: "WebService1.asmx/GetProvince",
    data: "{}",
    success: function (result) {
     var stroption = '';
     for (var i = 0; i < result.d.length; i++) {
      stroption += '<option value=' + result.d[i].provinceID + '>';
      stroption += result.d[i].provincename;
      stroption += '</option>';
     }
     $('#seprovince').append(stroption);
    }
   })


   $('#seprovince').change(function () {
    $('#secity option:gt(0)').remove();
    $('#searea option:gt(0)').remove();

    $.ajax({
     type: "post",
     contentType: "application/json",
     url: "WebService1.asmx/GetCItyByPro",
     data: "{proid:'" + $(this).val() + "'}",
     success: function (result) {
      var strocity = '';
      for (var i = 0; i < result.d.length; i++) {
       strocity += '<option value=' + result.d[i].cityID + '>';
       strocity += result.d[i].cityname;
       strocity += '</option>';
      }
      $('#secity').append(strocity);
     }
    })
   })


   $('#secity').change(function () {
    $('#searea option:gt(0)').remove();
    $.ajax({
     type: "post",
     contentType: "application/json",
     url: "WebService1.asmx/GetAreaByCity",
     data: "{cityid:'" + $(this).val() + "'}",
     success: function (result) {
      var stroarea = '';
      for (var i = 0; i < result.d.length; i++) {
       stroarea += '<option value=' + result.d[i].areaID + '>';
       stroarea += result.d[i].areaname;
       stroarea += '</option>';
      }
      $('#searea').append(stroarea);
     }
    })
   })
  })
 </script>
</head>
<body>
 <table>
  <tr>
   <td>
    用戶名
   </td>
   <td>
    <input id="Text1" type="text" />
   </td>
  </tr>
  <tr>
   <td>
    密碼
   </td>
   <td>
    <input id="Text2" type="text" />
   </td>
  </tr>
  <tr>
   <td>
    確認(rèn)密碼
   </td>
   <td>
    <input id="Text3" type="text" />
   </td>
  </tr>
  <tr>
   <td>
    郵箱
   </td>
   <td>
    <input id="Text4" type="text" />
   </td>
  </tr>
  <tr>
   <td>
    地址
   </td>
   <td>
    <select id="seprovince">
     <option>--請(qǐng)選擇--</option>
    </select>
    省
    <select id="secity">
     <option>--請(qǐng)選擇--</option>
    </select>市
    <select id="searea">
     <option>--請(qǐng)選擇--</option>
    </select>縣
   </td>
  </tr>
 </table>
</body>
</html>

2、WebService1.asmx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;


namespace 省市縣三級(jí)聯(lián)動(dòng)
{
 /// <summary>
 /// WebService1 的摘要說(shuō)明
 /// </summary>
 [WebService(Namespace = "http://tempuri.org/")]
 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
 [System.ComponentModel.ToolboxItem(false)]
 // 若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù)，請(qǐng)取消對(duì)下行的注釋。
  [System.Web.Script.Services.ScriptService]
 public class WebService1 : System.Web.Services.WebService
 {


  [WebMethod]
  public string HelloWorld()
  {
   return "Hello World";
  }
  [WebMethod]
  public List<Model.province> GetProvince()
  {
   BLL.province bpro = new BLL.province();
   List<Model.province> list = bpro.GetListModel();
   return list;
  }
  [WebMethod]
  public List<Model.city> GetCItyByPro(string proid)
  {
   BLL.city bcity = new BLL.city();
   List<Model.city> list = bcity.GetListModel("father='" + proid + "'");
   return list;
  }
  [WebMethod]
  public List<Model.area> GetAreaByCity(string cityid)
  {
   BLL.area barea = new BLL.area();
   List<Model.area> list = barea.GetListModel("father='" + cityid + "'");
   return list;
  }
 }
}

在三層的Bll層中的city.cs和area.cs中分別添加以下屬性

//city.cs：
 public List<Model.city> GetListModel(string strsql)
  {
   return dal.GetListModel(strsql);
  }
//area.cs：
  public List<Model.area> GetListModel(string strsql)
  {
   return dal.GetListModel(strsql);
  }

在三層的DAL層中的city.cs和area.cs中分別添加以下方法

//city.cs：
public System.Collections.Generic.List<Model.city> GetListModel(string strsql)
  {
   System.Collections.Generic.List<Model.city> list = new System.Collections.Generic.List<Model.city>();
   DataTable dt = GetList(strsql).Tables[0];
   foreach (DataRow row in dt.Rows)
   {
    Model.city mcity = new Model.city();
    mcity.id = Convert.ToInt32(row["id"]);
    mcity.cityID = row["cityID"].ToString();
    mcity.cityname = row["cityname"].ToString();
    list.Add(mcity);
   }
   return list;
  }
//area.cs：
 public System.Collections.Generic.List<Model.area> GetListModel(string strsql)
  {
   DataTable dt = GetList(strsql).Tables[0];
   System.Collections.Generic.List<Model.area> list = new System.Collections.Generic.List<Model.area>();
   foreach (DataRow row in dt.Rows)
   {
    Model.area marea = new Model.area()
    {
     id = Convert.ToInt32(row["id"]),
     areaID = row["areaID"].ToString(),
     areaname = row["areaname"].ToString()
    };
    list.Add(marea);
   }
   return list;
  }

到此，關(guān)于“ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

文章題目：ajax如何實(shí)現(xiàn)無(wú)刷新省市縣三級(jí)聯(lián)動(dòng)
本文地址：http://www.chinadenli.net/article12/igppgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站建設(shè)、域名注冊(cè)、網(wǎng)站設(shè)計(jì)、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)