2. 程式人生 > >Jquery實現ajax三級聯動

Jquery實現ajax三級聯動

阿新 • • 發佈：2019-01-07
$(function(){ $.ajax( { url:'./Provinces.xml', type:'get', dataType:'xml', success:function(msg){ $(msg).find('Province').each(function(k,v){ var name = $(v).attr('ProvinceName'
); var id = $(v).attr('ID'); $('select:eq(0)').append('<option value='+id+'>'+name+'</option>'); }); } } ); //將第三個select清空 $('select:eq(0)').bind('change',function
(){ $('select:eq(2)').empty(); $('select:eq(2)').append('<option value=0>select</option>'); }); $('select:eq(0)').bind('change',function(){ //獲得第一個select的ID var num = $('select:eq(0) option:selected').attr('value'
); //每次都要進行清空 $('select:eq(1)').empty(); $('select:eq(1)').append('<option value=0>select</option>'); $.ajax( { url:'./Cities.xml', type:'get', dataType:'xml', success:function(msg){ $(msg).find('City[PID='+num+']').each(function(k,v){ var name = $(v).attr('CityName'); var id = $(v).attr('ID'); $('select:eq(1)').append('<option value='+id+'>'+name+'</option>'); }); } } ); }); $('select:eq(1)').bind('change',function(){ var num = $('select:eq(1) option:selected').attr('value'); // console.log(num); $('select:eq(2)').empty(); $.ajax( { url:'./Districts.xml', type:'get', dataType:'xml', success:function(msg){ $(msg).find('District[CID='+num+']').each(function(k,v){ var name = $(v).attr('DistrictName'); var id = $(v).attr('ID'); $('select:eq(2)').append('<option value='+id+'>'+name+'</option>'); }); } } ); }); });

相關推薦

Jquery實現ajax三級聯動

$(function(){ $.ajax( { url:'./Provinces.xml', type:'get', dataType:'xml',

使用PHP+MySql+Ajax+jQuery實現省市區三級聯動功能

b- 發生 sel substr 要求 java true 選中 .ajax 使用PHP+MySql+Ajax+jQuery實現省市區三級聯動功能 要求：寫一個省市區（或者年月日）的三級聯動，實現地區或時間的下拉選擇。 實現技術：php ajax 實現：省級下拉變化時市下拉

第三次：jQuery （Ajax三級聯動）

1. jackson    Jackson是一個簡單基於Java應用庫，Jackson可以輕鬆的將Java物件轉換成json物件和xml文件，同樣也可以將json、xml轉換成Java物件 核心程式碼：    ObjectMapper mapper = new Object

JQuery+Ajax實現省市區三級聯動（附效果圖+資料庫）

一、效果圖 1、頁面載入後（初始化：北京市-北京市-東城區） 2、單擊選擇省份後（改變成：河北省-石家莊市-長安區） 二、jsp頁面 <!DOCTYPE html> <html> <head> <meta http-equiv

javaweb--json--ajax--mysql實現省市區三級聯動（附三級聯動數據庫）

知識點 request test div 對數 能說 面向對象 inf HA 在web中，實現三級聯動很常見，尤其是利用jquery+json。但是從根本上來說jquery並不是最能讓人容易理解的，接下來從最基本的javascript開始，實現由javascript+jso

JQuery實現AJAX異步請求實現省市聯動（數據傳輸格式為xml）

集合 .html 省市聯動 utf func app 字符串 tco name AJAX的響應的數據格式： 　　文本，一段HTML的數據，XML，JSON。 使用工具生成xml的文件： 　　通常使用XStream工具，將集合，數組，對象轉化成XML格式。 　　　　步驟一：導

JQuery實現AJAX異步請求實現省市聯動（數據傳輸格式為json）

數據傳輸 char html utf-8 har change 字段 語法規則 false json概述：javascript object notation 是一種輕量級的數據交換格式。json本質上就是一種數據格式的字符串；javascript可以直接解析json，因為

Jquery.city-picker 實現省市區三級聯動

效果圖：如 安徽省、蕪湖市CSS程式碼 引用<!-- Bootstrap Stylesheet --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen"

Ajax實現簡單三級聯動

使用簡單的Servlet響應前端請求，結合ajax實現省-市-縣的三級聯動（後臺Service層和dao層程式碼省略） 前端頁面展示： <body> <select id="provinceId" onchange="provinceChange

springmvc+ajax實現省市區三級聯動以及406 (Not Acceptable)的解決辦法

我做一個小的測試實現功能 最主要是說一下遇到的問題： 我先用的spring3.2的包但是遇到好多的問我問題， （1）首先就是不能使用*.htm,*.html的地址字尾； （2）這個會報406 (Not Acceptable)的錯誤： 辦法：1.你可以換成4.0的包，然後就能

PHP+Ajax+Mysql聯合實現省市區三級聯動

       1.mysql資料檔案匯入，該檔案會上傳到我的資源庫  dh_areas       2.HTML <select id="province" name="province" onchange="selcity(this.value,this.id

JQuery Ajax三級聯動地區下拉框

JSP部分程式碼         <script src="/js/jquery-1.2.6.min.js" type="text/javascript"></script>  <script>   //為了避免jquery中的'$'與其

ajax技術實現select三級聯動

  本文利用ajax技術從資料庫中獲取資料，動態實現select三級聯動，效果圖如下： 前端js程式碼如下： <script type="text/javascript" src="jquery/jquery-1.9.1.min.js"></script

js實現省市區三級聯動

pre 聯動 準備 path div data- pic asc com 電商平臺或者一些網站的個人信息部分，通常會有填寫地址的功能。該功能一般分為二級聯動（省、市）和三級聯動（省、市、區），只需要JavaScript就可以實現。 這裏介紹一種很簡潔易用的方法。參考地址：h

WheelView實現省市區三級聯動(數據庫實現版本號附帶完整SQL及數據)

tdi delet avi ipp cte public lis 網上 count() 近期在實現收貨地址功能。用到了省市區三級聯動效果。網上找到一般都是xml或json，數據源陳舊改動麻煩，改動了一下使用數據庫方式實現了一下 數據源解決，因為數據量

用JQuery實現ajax技術的常用方法

this 鏈接 js實現 一個 nbsp cal 總結 emp 回調函數 在我的前一篇用js實現ajax的三種技術中，我提到了怎麽用原生的js代碼去實現ajax技術，但是 可以看到，代碼相對於來說還是比較多，在我們實際的開發中，我們用到的比較多的技術是用jqu

通過JQuery實現Ajax代碼

type ucc post 今天 url syn function .ajax true 今天早上遇到了這個問題，結果我寫的順序是慘不忍睹啊，所有現在留個模版以示標準。 $(function(){ 　　$.ajax({ 　　　　url : "Servlet",　　　　//傳

ajax 三級聯動寫法

var tex == con lang 回調函數 ces ons chan =====前臺ajax <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g

AJAX三級聯動寫法

cti gpo ren har 頁面 src time find 2.3 新建主頁面，如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Ajax三級聯動

spl mys ces function code ++ sel nta arr 全國省市縣查詢 html代碼 <!doctype html> <html> <head> <meta charset="utf-8"> <