使用選擇列表中的選定值的值填充文本字段

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()不被其他函數包裝。現在，我認爲不是。

其次，JavaScript區分大小寫，所以你打電話PopulateUserName()這不是PopulateUsername()。

第三，當您嘗試var field = document.getElementByID(時，您將遇到錯誤，因爲它應該是getElementById < - 小寫字母'd'。

之後，它應該工作，並將值（「test1」）放到您的文本框中。

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

Answer 2

這是如何做到這一點，

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