移植SUI Mobile省市区选择器至PC端，使用select完成地区联动

没了解过sui的童鞋可以先去了解下，很好用的一个H5 UI框架。

一、sui省市区选择器简单介绍

其中，sui的拓展组件中有一个地区选择器，仿的ios中的select样式，效果如下

地址：http://m.sui.taobao.org/extends/#city-picker

我们更改地区的选择发现其中input的值会跟着变化为对应的【省 市 县】。

二、PC端处理说明

一般我们在PC端处理地区三级联动的时候使用select框进行联动，结合ajax或其他技术，可以完成联动。向后台传递的参数一般也是地区的代号。

三、将sui省市区选择器和PC端融合

1、为什么要融合？

你想想，在移动端上处理好的数据，最后要存到数据库吧。网站管理人员最后需要管理这个信息吧，如果需要修改用户上传的地区信息，咋整？我们一般网站的后台管理都是在pc端上进行的，所以必然就产生了这样的需求。

2、怎么融合？

研究移动端的做法，然后移植到PC端。

http://g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.js 这个是框架的地区处理js。我们发现所有地区信息都是在这个js中的