选择选项HTML和切换Javascript

我想知道，如果你在brandSelect上选择了一个选项，socketSelect上的选项就会出现，我有这样一个代码

<select id="brandSelect" onchange="brandSelect()">
        <option value="10">Pilih Brand</option>
        <option value="20">AMD</option>
        <option value="30">Intel</option>
</select>

<select id="socketSelect">
        <option>Pilih Socket</option>
</select>

---

为什么我的代码仍然无法工作？

您的代码无法工作，因为在javascript中，使用检查数据类型和值的

==

切换比较值，以及

x.options[x.selectedIndex].value中的值int

类型进行比较时，code>是

string

类型。在使用开关进行比较之前，必须将值转换为整数类型

皮利品牌
AMD
英特尔
皮里插座
函数brandSelect（）{
var x=document.getElementById（“brandSelect”）；
var selectedValue=parseInt（x.options[x.selectedIndex].value）；//将值解析为整数
开关（selectedValue）{
案例10：
打破
案例20：
var y=document.getElementById（“socketSelect”）；
var am4=document.createElement（“选项”）；
var am3=document.createElement（“选项”）；
var am2=document.createElement（“选项”）；
am4.text=“am4”；
am3.text=“am3”；
am2.text=“am2”；
y、 添加（am4）；
y、 添加（am3）；
y、 添加（am2）；
打破
案例30：
打破
}
}

function brandSelect(){
    var x = document.getElementById("brandSelect");
    var selectedValue = x.options[x.selectedIndex].value;

    switch(selectedValue){
        case 10:
            break;
        case 20:
            var x = document.getElementById("socketSelect");
            var am4 = document.createElement("option");
            var am3 = document.createElement("option");
            var am2 = document.createElement("option");
            am4.text = "AM4";
            am3.text = "AM3";
            am2.text = "AM2";
            x.add(am4);
            x.add(am3);
            x.add(am2);
            break;
        case 30:
            break;
    }
}