javascript - 如果 2 个下拉选项为 true，则设置文本框值？

Question

有人可以告诉我为什么这段代码不起作用吗？如果 2 个下拉选项为 true，我将尝试将文本放入文本框中。

function test() {
  if (document.getElementById("Accounts").value == "Account1" && document.getElementById("DeliveryPlaces").value == "1") {
    document.getElementById("Organisation1").value = "Company1";
  }
}

<select id="Accounts">
    <option value="Account1">Account1</option>
    <option value="Account2">Account2</option>
    <option value="Account3">Account3</option>
    <option value="Account4">Account4</option>
    </select>

<select id="DevliveryPlaces">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>

<input type="text" id="Organisation1" />

“#Accounts”和“#DeliveryPlaces”是下拉菜单，“#Organization1”是文本框。

Answer 1

您可以通过向每个选择元素添加 onChange 来实现。每次 onChange 运行时，它都会将该值重置为空，然后如果应用 if 语句，它就会更改该值:

function test() {

document.getElementById("Organisation1").value = "";

if (document.getElementById("Accounts").value == "Account1" && 
document.getElementById("DeliveryPlaces").value == "1") {
   document.getElementById("Organisation1").value = "Company1";
}
}

<select id="Accounts" onChange="test()">
<option value=""></option>
<option value="Account1">Account1</option>
<option value="Account2">Account2</option>
</select>

<select id="DeliveryPlaces" onChange="test()">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
</select>

<input id="Organisation1" type="text" />