JS案例:
1.实现二级联动
创建一个页面,有两个下拉选择框:
(1) 在第一个下拉框里面有一个事件 :改变事件 onchange事件
(2)方法change1(this.value);表示当前改变的option里面的value值
(3) 创建一个二维数组,存储数据
(4)每个数组中第一个元素是国家名称,后面的元素是国家里面的城市
2.步骤
(1)遍历二维数组
(2)得到也是一个数组
(3)拿到数组中的第一个值和传递过来的值做比较
(4)如果相同,获取到第一个值后面的元素
(5)得到city的select
(6)添加过去(使用)appendChild方法
3.代码
<!doctype html>
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
</style>
</head>
<body>
<select id="contry" onchange="change1(this.value)">
<option value="0">