多语言展示
当前在线:835今日阅读:6今日分享:31

如何实现省市联动效果

在进行WEB开发的时候,我们经常会遇到选择省市县的下拉框。比如我们选择了省份的话,县的下拉框会自动筛选。下面小编就给大家分享一下如何实现省市联动效果
工具/原料

Visual Studio 2017

方法/步骤
1

首先我们准备一个html文档,并且在文档中搭建好内容,如下图所示

2

然后我们在JS中先定义一个获取市的JS方法结构,如下图所示

3

接下来我们实现获取市的方法,第一个参数是省份的对象,方法一开始就需要判断省份对象是否为空的,如下图所示

4

一旦省份对象不为空的话,我们就可以构建ajax的方法去后台获取对应省份的市,如下图所示

5

然后调用ajax的open以及send方法进行请求的发送,如下图所示

6

注意在一开始的时候我们会默认先调用一下getArea方法,让省份进行初始化,如下图所示

7

综上所述,实现省市县联动主要是根据选择的内容去后台筛选对应的信息即可。

推荐信息