x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<script>7
var carsAndModels = {};8
carsAndModels['VO'] = ['V70', 'XC60', 'XC90'];9
carsAndModels['VW'] = ['Golf', 'Polo', 'Scirocco', 'Touareg'];10
carsAndModels['BMW'] = ['M6', 'X5', 'Z3'];11
12
function ChangeCarList() {13
var carList = document.getElementById("car");14
var modelList = document.getElementById("carmodel");15
var selCar = carList.options[carList.selectedIndex].value;16
while (modelList.options.length) {17
modelList.remove(0);18
}19
var cars = carsAndModels[selCar];20
if (cars) {21
for (var i = 0; i < cars.length; i++) {22
var car = new Option(cars[i], i);23
modelList.options.add(car);24
}25
}26
}27
</script>28
</head>29
<body onload="ChangeCarList();">30
31
<select id="car" onchange="ChangeCarList();">32
<option value="">-- Car --</option>33
<option value="VO">Volvo</option>34
<option value="VW">Volkswagen</option>35
<option value="BMW">BMW</option>36
</select>37
<select id="carmodel"></select>38
39
</body>40
</html>