满足条件时,从多个下拉列表更新中进行选择

时间:2017-03-24 01:07:42

标签: javascript drop-down-menu

我觉得这个问题很模糊,我道歉,因为我似乎无法想出一个更好的名字。

咳咳。至于实际问题。我有两个下拉菜单,我想这样做,以便每当我在每个菜单中都有正确的值时,例如。 Level 1Barbarian,它会更新已连接的字段。这与我在这里所做的一样正常,但问题是,如果我离开Barbarian它是怎么回事并将级别更改为Level 2,它将不会更新连接的字段,直到{{1} }已经切换到其他东西,然后放回Barbarian。如果字段对于某个设置是正确的,如何使其更新?我假设某种倾听者,但我真的不太了解Javascript,因为我是新手。

Barbarian

2 个答案:

答案 0 :(得分:1)

您可以在每个选择框上使用onChange侦听器,以便在其中任何一个更改时运行该函数。

<select id="class" onChange="classDefine()">
    <option>...</option>
</select>

或在javascript中

document.getElementById('class').addEventListener("change", classDefine);

答案 1 :(得分:0)

您可以使用在下拉列表中进行新选择时激活的更改事件处理程序。您可以为每个下拉列表添加一个,然后将逻辑用于解决两者之间的相应匹配。下面是如何将事件处理程序附加到其中一个的示例。

document.getElementById('class').addEventListener("change", function (event) {
     //your logic
     alert("something new was selected"); 
});

这有多大帮助。