婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識(shí)庫 > ajax實(shí)現(xiàn)無刷新省市縣三級(jí)聯(lián)動(dòng)

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

熱門標(biāo)簽:地圖標(biāo)注項(xiàng)目怎么樣 硅語電話機(jī)器人公司 騰訊地圖標(biāo)注位置能用多久 ai機(jī)器人電銷資源 機(jī)器人電銷騙局揭秘 越南河內(nèi)地圖標(biāo)注 個(gè)人怎樣在百度地圖標(biāo)注地名 超級(jí)大富翁地圖標(biāo)注 云呼外撥網(wǎng)絡(luò)電話系統(tǒng)

本文實(shí)例為大家分享了ajax實(shí)現(xiàn)無刷新省市縣三級(jí)聯(lián)動(dòng)的具體代碼,供大家參考,具體內(nèi)容如下

效果圖:

實(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 的摘要說明
 /// /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 ListModel.province> GetProvince()
  {
   BLL.province bpro = new BLL.province();
   ListModel.province> list = bpro.GetListModel();
   return list;
  }
  [WebMethod]
  public ListModel.city> GetCItyByPro(string proid)
  {
   BLL.city bcity = new BLL.city();
   ListModel.city> list = bcity.GetListModel("father='" + proid + "'");
   return list;
  }
  [WebMethod]
  public ListModel.area> GetAreaByCity(string cityid)
  {
   BLL.area barea = new BLL.area();
   ListModel.area> list = barea.GetListModel("father='" + cityid + "'");
   return list;
  }
 }
}

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

//city.cs:
 public ListModel.city> GetListModel(string strsql)
  {
   return dal.GetListModel(strsql);
  }
//area.cs:
  public ListModel.area> GetListModel(string strsql)
  {
   return dal.GetListModel(strsql);
  }

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

//city.cs:
public System.Collections.Generic.ListModel.city> GetListModel(string strsql)
  {
   System.Collections.Generic.ListModel.city> list = new System.Collections.Generic.ListModel.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.ListModel.area> GetListModel(string strsql)
  {
   DataTable dt = GetList(strsql).Tables[0];
   System.Collections.Generic.ListModel.area> list = new System.Collections.Generic.ListModel.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;
  }

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:
  • PHP+Mysql+Ajax+JS實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)
  • AJAX省市區(qū)三級(jí)聯(lián)動(dòng)下拉菜單(java版)
  • ajax三級(jí)聯(lián)動(dòng)下拉菜單效果
  • ajax三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)方法
  • ajax實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)的基本方法
  • Ajax商品分類三級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)現(xiàn)(案例)
  • Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)
  • ajax實(shí)現(xiàn)省市三級(jí)聯(lián)動(dòng)效果
  • 簡(jiǎn)單實(shí)現(xiàn)ajax三級(jí)聯(lián)動(dòng)效果
  • AJAX實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果

標(biāo)簽:遼源 鄭州 舟山 邢臺(tái) 海南 內(nèi)蒙古 洛陽 林芝

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax實(shí)現(xiàn)無刷新省市縣三級(jí)聯(lián)動(dòng)》,本文關(guān)鍵詞  ajax,實(shí)現(xiàn),無,刷新省,市縣,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax實(shí)現(xiàn)無刷新省市縣三級(jí)聯(lián)動(dòng)》相關(guān)的同類信息!
  • 本頁收集關(guān)于ajax實(shí)現(xiàn)無刷新省市縣三級(jí)聯(lián)動(dòng)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 名山县| 石泉县| 昆山市| 昌黎县| 普兰店市| 尼木县| 安达市| 保山市| 西和县| 齐齐哈尔市| 凭祥市| 静海县| 丘北县| 渑池县| 耿马| 石城县| 巩义市| 永福县| 康马县| 呼玛县| 金乡县| 亚东县| 隆林| 西盟| 临沧市| 长葛市| 万年县| 青浦区| 平安县| 稻城县| 林州市| 余江县| 札达县| 桑植县| 巴马| 泰来县| 齐河县| 金堂县| 灵台县| SHOW| 西青区|