步骤
1、创建一个页面,有2个下拉选择框
2、在第一个下拉框里面有一个事件 onchange:改变事件
-- 方法 add(this.value):表示当前改变的option里面的value值
3、创建一个二维数组,存储数据
-- 每个数组中第一个元素是国家名称,后面是城市名称
a、遍历二维数组 b、得到的也是一个数组(国家对应关系) c、拿到数组中的第一个值和传递过来的值进行比较 d、如果相同,获取第一个值后面的元素 e、得到city
f、创建option:createElement、createTextNode g、进行添加 appendChild
4、由于每次往city里面添加option属于追加,所以要判断city里面是否有option,如果有就删除
代码
Html示例
结果显示为