javascript - 根据其他组合框中的值从组合框中选择值

Question

我有 2 个组合框，我想从第一个组合框中选择一个值，然后根据该值我必须从第二个组合框中获取特定值。

就我而言，如果我选择abc，则该值应为尚未，如果我选择xyz，则该值应为没有

我该怎么做？

<select id="first">
    <option value="0"></option>
    <option value="1">abc</option>
    <option value="2">def</option>
    <option value="3">xyz</option>
</select>

<select id="second">
    <option value="a">yes</option>
    <option value="b">no</option>
    <option value="c">not yet</option>              
</select>

Answer 1

使用 onchange 事件:

document.getElementById("first").onchange = function() {
    var value = this.value; //value of first select
    var text = this.options[this.selectedIndex].text; //text of chosen element

    if (text == "abc") {
        //select second dropdown
    } else if () {
        //more logic
    }
}