javascript - 在选择列表中使用所选选项的值填充文本字段

Question

我正在尝试使用 javascript 来做到这一点。我有一个调用 javascript 函数的选择列表的 onchange 事件。Javascript 永远不会运行，因为我已经将函数更改为一个简单的警报并且它永远不会弹出。这有什么明显的问题吗？

HTML

select name="nSupervisor" id="iSupervisor" onchange="PopulateUserName()">
        <option value="">---------- </option>
        <option value="test1">Actual Text</option>
    </select>  
<input id="iSupervisorUserName" name="OBKey_WF_Manger_Supervisor_1" type="text" />

JavaScript

function PopulateUsername() {
    var dropdown = document.getElementById("iSupervisor");
    var field = document.getElementByID("iSupervisorName");
    field.value = dropdown.value;
    }

Answer 1

这是如何做到的，

function PopulateUsername() {
    var sup = document.getElementById("iSupervisor");
    var field = document.getElementById("iSupervisorName");
    field.value = sup.options[sup.selectedIndex].value;
}

Answer 2

你的代码有一些错误。

首先，确保function PopulateUsername()没有被其他函数包裹。目前，我认为不是。

其次，JavaScript 是区分大小写的，所以你调用PopulateUserName()which is NOT PopulateUsername()。

第三，尝试时会遇到错误var field = document.getElementByID(，因为它应该是getElementById<--小写'd'。

之后，它应该可以工作，并将值（“test1”）放入您的文本框中。

JsFiddle 示例：http: //jsfiddle.net/LrCwK/2/