如何用JavaScript编写一个实现省市联动的长尾词？

本文共计812个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大家分享了JavaScript实现简单省市联动的具体代码，供大家参考。具体内容如下：步骤* 创建一个页面* 有两个下拉选择框* 在第一个下拉选择框中有一个事件* 事件：改变事件 onchange

简化版：创建页面，含两个下拉框，第一框事件：改变事件 onchange

本文实例为大家分享了JavaScript实现简单省市联动的具体代码，供大家参考，具体内容如下

步骤

* 创建一个页面，有两个下拉选择框
* 在第一个下拉框里面有一个事件 ：改变事件 onchange事件
- 方法add1(this.value);表示当前改变的option里面的value值
* 创建一个二维数组，存储数据
* 每个数组中第一个元素是国家名称，后面的元素是国家里面的城市
*

1、遍历二维数组

2、得到也是一个数组（国家对应关系）

3、拿到数组中的第一个值和传递过来的值做比较

4、如果相同，获取到第一个值后面的元素

5、得到city的select

6、添加过去（使用）appendChild方法
- 创建option（三步）

/*
由于每次都要向city里面添加option
第二次添加，会追加。