javascript - HTML-如何连接两个下拉菜单并使第二个可单击

我使用以下代码连接了两个下拉菜单：

<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>

和

    <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>
Choose Car Model:
<select id="slct2" name="slct2"></select>

现在，我想使第二个下拉菜单（模型）中的选项可单击。以另一个站点为例：每个模型的页面。所有这些都发生在同一页面的同一页中

我正在使用HTML，CSS，Java脚本...

最佳答案

您正在使用脚本中的填充功能在第二个下拉菜单中添加选项。
是的，它将是可单击的，因为它是一个下拉选择选项。如果要在第二次drpdown上触发功能，则可以像第一次添加一样添加onchange。

关于javascript - HTML-如何连接两个下拉菜单并使第二个可单击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50018011/