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()不是PopulateUsername()。

第三，当您尝试var field = document.getElementByID(时，您会遇到错误，因为它应该是getElementById＆lt; - 小写＆＃39; d＆＃39;。

之后，它应该可以工作，并将值（＆＃34; test1＆＃34;）放入文本框中。

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

使用“选择列表”中的“选定值”选项填充文本字段

2 个答案: