# 用JS实现简单的省市联动
*Published:* 2023-12-09
*Author:* 客服001
#### 温馨提醒
如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢
本文最后更新于2023年12月9日，已超过 180天没有更新
技术分析：
> 使用 javascript 实现城市二级联动（onchange() 当下拉框变化时触发事件 createTextNode() 方法和 createElement() 方法以及 appendChild() 方法）。
代码步骤：
1、首先确定事件为 onchange() 事件,并为该事件绑定一个函数。书写该函数。
2、创建一个二维数组。
3、在判断用户选择的是哪一个省份。
4、获取该省份下的城市。
5、创建文本节点和元素节点，将文本节点添加到元素节点中。
6、获取第二个下拉框元素并把元素节点添加到第二个下拉框中。
7、清除第二个下拉框（如果不清除，就会有上一次的遗留）。效果图如下：
[](https://www.xarjtc.com/wp-content/uploads/2023/12/1613784681699468.png)
代码如下：
```
省市联动
```