선택 목록에서 선택한 옵션의 값으로 텍스트 필드 채우기

Question

자바 스크립트로 이것을 수행하려고합니다. 자바 스크립트 함수를 호출하는 선택 목록에 대한 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" /> 

자바 스크립트 당신이 코드에 몇 가지 오류가있어

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

Answer 1

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

Answer 2

이 그것을 수행하는 방법이다.

먼저 다른 기능에 의해 function PopulateUsername()이 감싸지 않았는지 확인하십시오. 당장은 그렇지 않다고 가정합니다.

두 번째로 자바 스크립트는 대소 문자를 구별하므로 PopulateUserName()은 PopulateUsername()입니다.

세 번째로 var field = document.getElementByID(을 입력하면 오류가 발생합니다. getElementById < - 소문자 'd'여야합니다.

그런 다음 작동해야하며 텍스트 상자에 값 ("test1")을 입력하십시오.

예 : http://jsfiddle.net/LrCwK/2/