Javascript 填充3个动态下拉列表

Javascript 填充3个动态下拉列表,javascript,html,onchange,Javascript,Html,Onchange,我有3个动态下拉列表,它们都是从前面的下拉列表中填充的。我的问题是,当我编程我的第三个下拉菜单时,它会干扰我的第二个下拉菜单,所以只有我的第一个下拉菜单工作。这可能很简单,但我的编程技能非常有限 这是我的密码: 函数填充(s1、s2){ var s1=document.getElementById(s1); var s2=document.getElementById(s2); s2.innerHTML=“”; 如果(s1.value==“Product1”){ var optionArra

我有3个动态下拉列表,它们都是从前面的下拉列表中填充的。我的问题是,当我编程我的第三个下拉菜单时,它会干扰我的第二个下拉菜单,所以只有我的第一个下拉菜单工作。这可能很简单,但我的编程技能非常有限

这是我的密码:


函数填充(s1、s2){
var s1=document.getElementById(s1);
var s2=document.getElementById(s2);
s2.innerHTML=“”;
如果(s1.value==“Product1”){
var optionArray=[“|”、“50 | 50”、“80 | 80”、“100 | 100”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300”];
}否则如果(s1.value==“Product2”){
var optionArray=[“|”、“50 | 50”、“80 | 80”、“100 | 100”、“120 | 120”、“150 | 150”、“200 | 200”];
}否则如果(s1.value==“Product3”){
var optionArray=[“|”、“50 | 50”、“80 | 80”、“100 | 100”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300”];
}否则如果(s1.value==“Product4”){
var optionArray=[“|”、“50 | 50”、“80 | 80”、“100 | 100”、“120 | 120”、“150 | 150”、“200 | 200”];
}
for(optionArray中的var选项){
var pair=optionArray[option]。拆分(“|”);
var newOption=document.createElement(“选项”);
newOption.value=pair[0];
newOption.innerHTML=pair[1];
s2.选项。添加(新选项);
}
}
函数填充(s1、s2、s3){
var s1=document.getElementById(s1);
var s2=document.getElementById(s2);
var s3=document.getElementById(s3);
s3.innerHTML=“”;
如果(s1.value==(“产品1”)&s2.value==(“50”)){
var optionArray=[“|”、“100 |”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品1”)&s2.value==(“80”)){
var optionArray=[“|”、“100 |”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品1”)&s2.value==(“100”)){
var optionArray=[“|”、“100 |”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品1”)&s2.value==(“120”)){
var optionArray=[“|”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品1”)&s2.value==(“150”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品1”)&s2.value==(“200”)){
var optionArray=[“|”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品1”)&s2.value==(“250”)){
var optionArray=[“|”、“250 |”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品1”)&s2.value==(“300”)){
var optionArray=[“300”、“300”、“350”、“400”、“450”];
}否则如果(s1.value==(“产品2”)&s2.value==(“50”)){
var optionArray=[“|”、“100 |”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品2”)&s2.value==(“80”)){
var optionArray=[“|”、“100 |”、“120 | 120”、“150 | 150”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品2”)&s2.value==(“100”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}else if(s1.value==(“产品2”)&s2.value==(“120”)){
var optionArray=[“|”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品2”)&s2.value==(“150”)){
var optionArray=[“|”、“250 |”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品2”)&s2.value==(“200”)){
var optionArray=[“|”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“50”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}else if(s1.value==(“产品3”)&s2.value==(“80”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“100”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“120”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“150”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“200”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“200”)){
var optionArray=[“|”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“250”)){
var optionArray=[“|”、“250 |”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“250”)){
var optionArray=[“|”、“250 |”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}否则如果(s1.value==(“产品3”)&s2.value==(“300”)){
var optionArray=[“300”、“300”、“350”、“400”、“450”];
}否则如果(s1.value==(“产品4”)&s2.value==(“50”)){
var optionArray=[“150 |”,“200 | 200”,“250 | 250”,“300 | 300”,“350 | 350”,“400 | 400”,“450 | 450”];
}else if(s1.value==(“产品4”)&s2.value==(“580”)){
var optionArray=[“|”、“200 | 200”、“250 | 250”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品4”)&s2.value==(“100”)){
var optionArray=[“|”、“250 |”、“300 | 300”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品4”)&s2.value==(“120”)){
var optionArray=[“300”、“300”、“350”、“400”、“450”];
}else if(s1.value==(“产品4”)&s2.value==(“150”)){
var optionArray=[“|”、“350 | 350”、“400 | 400”、“450 | 450”];
}else if(s1.value==(“产品4”)&s2.value==(“200”)){
var optionArray=[“|”和“450 | 450”];
}
for(optionArray中的var选项){
var pair=optionArray[option]。拆分(“|”);
var newOption=document.createElement(“选项”);
newOption.value=pair[0];
newOption.innerHTML=pair[1];
s3.选项。添加(新选项);
}