[发明专利]一种实现web页面地域跨级别多选的方法

权利要求书

1.一种实现web页面地域跨级别多选的方法，其特征在于，包括以下步骤：

(1)预处理

1a：构造组件；

1b：初始化组件；

1c：选中初始值；

1d；绑定事件；

(2)地域选择

2a：将地域进行级联；

2b：地域多选；

2c：地域合并。

2.根据权利要求1所述的一种实现web页面地域跨级别多选的方法，其特征在于：所述组件包括模板，数据和函数方法；所述模板作为基础样式，设置在标签template中，该模板用于构成组件的骨架；所述数据为组件提供输入参数，该数据存放在data变量中；所述函数方法包括实现web页面地域跨级别多选功能的方法，该函数方法都存放在组件的methods变量中。

3.根据权利要求2所述的一种实现web页面地域跨级别多选的方法，其特征在于：所述数据包括省province，市city，区area，展示地域liveArea，选中地域selectedArea，删除地域removedArea，缓存数据cache。

4.根据权利要求1～3任一项所述的一种实现web页面地域跨级别多选的方法，其特征在于：步骤2a中将地域进行级联的具体过程为：将省/市设置为父级区域，并将省级下的市或市级下的区设置为子级区域；传入父级区域码，即可获取父级区域对应的子级区域。

5.根据权利要求4所述的一种实现web页面地域跨级别多选的方法，其特征在于：步骤2b中进行地域多选的具体过程为：通过多选checkbox选择地域，根据选中的地域即可禁用已选中的父级区域。

6.根据权利要求5所述的一种实现web页面地域跨级别多选的方法，其特征在于：步骤2c中进行地域合并的具体过程为：将选中地域队列遍历，判断是否存在大地域覆盖小地域的情况，如果是，则将小地域过滤，展示对应的大地域。