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

Answer 2

首先像这样使用数据的地图，

var dataHolder = {
    "0" : "",
    "1" : "abc",
    "2" : "def",
    "3" : "xyz"
};

确保dataHolder的键是第一个选择的值，dataHolder的值是第二个选择的对应值。

document.getElementById("first").onchange = function() {

    var firstSelectValue = this.value;
    var secondSelectExpectedValue = dataHolder[firstSelectValue];

    if (secondSelectExpectedValue != null){
        document.getElementById('second').value = secondSelectExpectedValue ;
    }
}

使用这个想法而不是确切的代码:)。

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

2 个答案: