在进行WEB开发的时候,我们经常会遇到选择省市县的下拉框。比如我们选择了省份的话,县的下拉框会自动筛选。下面小编就给大家分享一下如何实现省市联动效果
工具/原料
Visual Studio 2017
方法/步骤
1
首先我们准备一个html文档,并且在文档中搭建好内容,如下图所示
2
然后我们在JS中先定义一个获取市的JS方法结构,如下图所示
3
接下来我们实现获取市的方法,第一个参数是省份的对象,方法一开始就需要判断省份对象是否为空的,如下图所示
4
一旦省份对象不为空的话,我们就可以构建ajax的方法去后台获取对应省份的市,如下图所示
5
然后调用ajax的open以及send方法进行请求的发送,如下图所示
6
注意在一开始的时候我们会默认先调用一下getArea方法,让省份进行初始化,如下图所示
7
综上所述,实现省市县联动主要是根据选择的内容去后台筛选对应的信息即可。