Javascript 创建动态列表选项
我需要创建动态列表，第二个列表根据第一个列表选择进行更改，第三个列表根据第二个列表选择进行更改。按照下面的代码，我如何在选择“型号”列表项后添加第三个列表，例如“年份”Javascript 创建动态列表选项,javascript,list,dynamic,option,Javascript,List,Dynamic,Option,我需要创建动态列表，第二个列表根据第一个列表选择进行更改，第三个列表根据第二个列表选择进行更改。按照下面的代码，我如何在选择“型号”列表项后添加第三个列表，例如“年份” <!DOCTYPE html> <html> <head> <script> function populate(s1,s2){ var s1 = document.getElementById(s1); var s2 = document.getElementById(s2);
<!DOCTYPE html>
<html>
<head>
<script>
function populate(s1,s2){
var s1 = document.getElementById(s1);
var s2 = document.getElementById(s2);
s2.innerHTML = "";
if(s1.value == "Chevy"){
var optionArray = ["|","camaro|Camaro","corvette|Corvette","impala|Impala"];
} else if(s1.value == "Dodge"){
var optionArray = ["|","avenger|Avenger","challenger|Challenger","charger|Charger"];
} else if(s1.value == "Ford"){
var optionArray = ["|","mustang|Mustang","shelby|Shelby"];
}
for(var option in optionArray){
var pair = optionArray[option].split("|");
var newOption = document.createElement("option");
newOption.value = pair[0];
newOption.innerHTML = pair[1];
s2.options.add(newOption);
}
}
</script>
</head>
<body>
<h2>Choose Your Car</h2>
<hr />
Choose Car Make:
<select id="slct1" name="slct1" onchange="populate(this.id,'slct2')">
<option value=""></option>
<option value="Chevy">Chevy</option>
<option value="Dodge">Dodge</option>
<option value="Ford">Ford</option>
</select>
<hr />
Choose Car Model:
<select id="slct2" name="slct2"></select>
<hr />
</body>
</html>
函数填充（s1、s2）{
var s1=document.getElementById（s1）；
var s2=document.getElementById（s2）；
s2.innerHTML=“”；
如果（s1.value==“雪佛兰”）{
var optionArray=[“|”、“卡马罗|卡马罗”、“克尔维特|克尔维特”、“黑斑羚|黑斑羚”]；
}否则如果（s1.value==“道奇”）{
var optionArray=[“|”、“复仇者|复仇者”、“挑战者|挑战者”、“充电器|充电器”]；
}否则如果（s1.value==“福特”）{
var optionArray=[“|”、“野马|野马”、“谢尔比|谢尔比”]；
}
for（optionArray中的var选项）{
var pair=optionArray[option]。拆分（“|”）；
var newOption=document.createElement（“选项”）；
newOption.value=pair[0]；
newOption.innerHTML=pair[1]；
s2.选项。添加（新选项）；
}
}
选择你的车
选择汽车品牌：
雪佛兰
闪避
河流浅水处
选择车型：