<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
var carsAndModels={};
carsAndModels['VO']=['V70','XC60','XC90'];
carsAndModels['VW']=['Golf','Polo','Scirocco','Touareg'];
carsAndModels['BMW']=['M6','X5','Z3'];
function ChangeCarList(selCar)
{
alert(selCar);
var modelList=document.getElementById("carmodel");
modelList.options.length=0;
var cars=carsAndModels[selCar];
var opt;
for(var i=0;i<cars.length;i++)
{
opt=document.createElement("option");
opt.text=cars[i];
opt.value=i;
alert(opt.text);
modelList.add(opt,null);
或者更简单的方式
var opt=new option(cars[i],i);
modelList.options.add(opt);
}
}
</script>
</head>
<body >
<select id="car" onchange="ChangeCarList(this.value);">
<option value="">-- Car --</option>
<option value="VO">Volvo</option>
<option value="VW">Volkswagen</option>
<option value="BMW">BMW</option>
</select>
<select id="carmodel">
</select>
</body>
</html>
