使用JS无法更改输入字段

Question

我很困惑为什么更改下拉值时，输入字段没有填充“测试”：

function changeSubject() {
  document.getElementByID('cf7-subject').value = 'testing';
}

<form>
  <select onchange="changeSubject()">
    <option value="">Select an Option</option>
    <option value="General Inquiry">General Inquiry</option>
  </select>
  <input id="cf7-subject" value="">
</form>

Answer 1

上面的jsfiddle中有2个问题

1. 替换getElementByID-> getElementById。

请参阅MDN docs以获取更多信息

---

1. 在小提琴中，视图解析后正在加载JS。因此，该错误会在显示
的控制台中引发

未捕获的ReferenceError：未定义changeSubject

有2个选项可解决此错误：

• 选项1-内联JavaScript

<script type="text/javascript">
    function changeSubject() {
	document.getElementById('cf7-subject').value = 'testing';	
}
</script>

<form>
    <select id="cf7-selector" onchange="changeSubject()">
        <option value="">
            Select an Option
        </option>
        <option value="General Inquiry">
            General Inquiry
        </option>
    </select>
    <input id="cf7-subject">
    </input>
</form>

• 选项2-如下所示在jsfiddle中更改LOAD TYPE的值

希望这会有所帮助！