javascript - 无法让 Javascript 设置文本

Question

我到处都看到了这方面的示例，但出于某种原因，我的示例不起作用。如果在选择列表中选择了某个值，我有一个动态添加的文本框。

显示该字段的部分正在工作，但我也试图向框中添加一些文本，但我无法开始工作。我还尝试在输入文本后使用 JS 选择文本 - 但还没有到那一步!

这有什么明显的错误吗？

function showBox() {
  if (document.getElementById("ctl00_Content_WhereFound").value == "Other" || document.getElementById("ctl00_Content_WhereFound").value == "Friend/Employee Referral") 
  {
    document.getElementById('ctl00_Content_WhereDetails').style.display = "inline";
    if (document.getElementById("ctl00_Content_WhereFound").value == "Other") {
      document.getElementById('ctl00_Content_WhereDetails').innerHTML += 'Enter Other';
    } else {
      document.getElementById('ctl00_Content_WhereDetails').innerText += "Enter Referral";
    }
  }
}

Answer 1

我注意到的第一件事是您在 if 子句中使用了“innerHTML”，在 else 子句中使用了“innerText”。那是故意的吗？他们做不同的事情...

这很痛苦，但可能值得使用 document.createElement() 等函数来构建/修改动态内容。

我在处理类似问题时遇到过麻烦...一般来说，使用 DOM 函数而不是 innerHTML 通常可以解决问题，尽管它明显更冗长。 JQuery 对此有一些非常有用的功能。