javascript - 根据选择显示输入值

Question

我正在尝试根据选择在输入框中显示结果。

因此，如果选择“1”，则输入将显示“一”，如果选择“2”，则输入将显示“二”。

下面的代码不允许选择“2”作为选项。

function SelectData(data) {

  if (data.value = "1") {
    document.getElementById("result").value = "one";
  } else if (data.value = "2") {
    document.getElementById("result").value = "two";
  }

}

<select onchange="SelectData(this)">
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>

<input id="result" disabled>

有人可以帮忙吗？

非常感谢，

约翰

Answer 1

您在 if/else if 语句中使用了错误的运算符。 = 将把一个变量设置为一个值，== 将检查一个变量是否等于一个值。

还有另一个运算符 === ，它作用于特定类型:

• "1"== true 将计算为 true
• "1"=== true 将计算为 false

而

• 1 === 1 或 true === true 将再次计算为 true。

function SelectData(data) {

if (data.value == "1") {
document.getElementById ("result").value = "one";
}

else if (data.value == "2") {
document.getElementById ("result").value = "two";
}

}

<select onchange="SelectData(this)">
<option value='1'>1</option>
<option value='2'>2</option>
</select>

<input id="result" disabled>