中国省市区json数据三级联动

<label> <span>购买地址</span> <select name="PurchaseProvince" style="width: auto"></select> <select name="PurchaseCity" style="width: auto"></select> <select name="Purch…

之前有写过用<Ajax控件来实现中国的省市区无刷新查询> 今天用JQuery来实现,用Ajax控件和JQuery的优缺点就先不说了. 效果图如下: 下面来结合代码来详细说明一下如何用JQuery实现. 在HTML页的Body标签内添加三个Select选项,分别用于显示省.市.区 <select id="S1" > </select> <select id="S2"> </select> <select…

使用JSon实现三级联动

JSon实现三级联动我觉得我这个方法比较麻烦,但是目前技术还比较弱,所以先做个笔记自己理解.目前没有和后台交互,只是在前台页面实现了 jQuery和JSon数据实现的,代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JSON</title> <script type="text/javascript" s…

json数据二级联动

<head> <link href="static/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet" /> <link href="static/bootstrap-table/bootstrap-table.css" rel="stylesheet" /> <link rel="stylesheet"…

jquery json ajax三级联动

province_city_area.jsp <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src=&quo…

Element UI 中国省市区级联数据

https://www.npmjs.com/package/element-china-area-data…

省市区json数据

window.LocalList = [ { region:{ name:'北京市', code:'11', state:[ { name:'北京', code:'01', city:[ {name:'东城区',code:'01'}, {name:'西城区',code:'02'}, {name:'崇文区',code:'03'}, {name:'宣武区',code:'04'}, {name:'朝阳区',code:'05'}, {name:'丰台区',code:'06'}, {name:'石景山区'…