顾名思义，mobile-select-area插件就是使用在移动端上的进行地区选择的插件，而且使用方法简单，我就说我是怎么用的吧
一、准备工作
首先肯定要下载插件对应的css+js文件,
当你下载好这些东西之后就是万事俱备只欠东风->写代码。。。。首先这个是使用在移动端上的插件，就必须把视角控制在移动端上，不然可能在浏览器上看的舒舒服服，变成手机端怎么就不好看了
然后按顺序引入你下载好的文件，这个我就截图一下好了
可能有朋友会有疑问这个dialog.js是干嘛的？这个也是必须的，他是用来实现在你点击文本框时候的出现弹窗内容，让你能选择地区；
二、实现方法+效果
插件API的一些介绍,API的介绍转自这里；里面也有GitHUb地址可以下载资源
default:0||1
0为空,true时默认选中第一项,默认1
php中级教程之ajax技术
下载
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
trigger:
触发弹窗的DOM元素 ，可以是input或其他
value:
初始值,
level: int
级别数，默认是3级的
separator: ,
id值分隔符
eventName:tap|click
触发事件名称，默认click,使用zeptojs的可以用tap事件
data:
当data为json对象时可以直接解析,此时直接接收数组 当data为string发送ajax请求后返回json,格式如下：
{
"data": [{
"id": 1,
"name": "浙江省",
"child": [{
"id": "1",
"name": "杭州市",
"child": [{
"id": 1,
"name": "滨江区"
}]
}]
}, {
"id": 2,
"name": "江苏省",
"child": [{
"id": "1",
"name": "南京",
"child": [{
"id": 1,
"name": "解放区"
}]
}]
}, {
"id": 3,
"name": "湖北省"
}]
}callback:function(scroller,text,value)
第一个是容器，第二个是选中后的text值，第三个参数是选中后的id。 并且this指向当前对象。 选中后的回调，默认有填充trigger的value值，以及赋值它后面紧跟着的hidden的value值，以逗号分隔id，空格分隔文字
我就放前端核心代码，基本复制了就能使用，想做成什么样式，就需要自己去设计和实现，我就不提供了
大家应该看到js那段了，使用方法就是这么简单，新建一个对象，然后通过API进行设置,我这段代码是通过input里面的id控制输出位置，通过trigger设置ID值确认地区输出位置,data是放置弹窗出来时候的地区信息,default：0或者1，就是是否默认选择第一行,level就是输出地区等级，3:省-市-区;2：省-市；1：市;
以下就是具体的实现效果
