简单教程
提交运行
代码编辑器:
<script> var carsAndModels={}; carsAndModels['VO']=['V70','XC60','XC90']; carsAndModels['VW']=['Golf','Polo','Scirocco','Touareg']; carsAndModels['BMW']=['M6','X5','Z3']; function ChangeCarList(){ var carList=document.getElementById("car"); var modelList=document.getElementById("carmodel"); var selCar=carList.options[carList.selectedIndex].value; while (modelList.options.length){ modelList.remove(0); } var cars=carsAndModels[selCar]; if (cars){ for (var i=0;i<cars.length;i++){ var car=new Option(cars[i],i); modelList.options.add(car); } } } </script> <body onload="ChangeCarList();"> <select id="car" onchange="ChangeCarList();"> <option value="">-- Car --</option> <option value="VO">Volvo</option> <option value="VW">Volkswagen</option> <option value="BMW">BMW</option> </select> <select id="carmodel"></select>
运行结果: