没了解过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中的