2017-11-25 10 views
1

내 JS 코드자바 스크립트 : 내가 7, 잭을 입력 할 때 그래서 내가 잘못하고 있어요 내가</p> <pre><code><input type="number" id="id" /> <input type="text" disabled="disabled" id="name" /> </code></pre> <p>이 학생 ID

<script language="Javascript"> 
var data = { 
    7: "Jack Black", 
    8: "John Smith" 
}; 

var id = document.getElementById("id"), 
    emp = document.getElementById("name"); 
id.addEventListener("keyup", function() { 
    emp.value = data[this.value] || "No name with this ID Number"; 
}); 
</script> 

에서 그리고 HTML 출력 이름에 가장 쉬운 방법은, 오는 방법 검은 색이 텍스트 상자 안에 나타나지 않습니까?

많은 감사

+0

// maybe it would be better to make an array var data = { 7: "Jack Black", 8: "John Smith" }; var id = document.getElementById("id"), emp = document.getElementById("name"); function changeValue() { emp.value = data[this.value] || "No name with this ID Number"; } // event listener if (id.addEventListener) { // new browsers \t id.addEventListener("keyup", changeValue, false); \t id.addEventListener("change", changeValue, false); } else if (id.attachEvent) { // IE <9, Opera <6 \t id.attachEvent("onkeyup", fchangeValue); id.attachEvent("onchange", fchangeValue); } else { // old browsers \t id.onkeyup = changeValue; id.onchange = changeValue; }
<input type="number" id="id" /> <input type="text" disabled="disabled" id="name" />

, 그것은 일하고있어. 어떤 오류가 발생합니까? –

+0

잘 작동합니다 https://jsfiddle.net/z_acharki/jnwrc5ay/429/ –

+0

메모장 + +를 사용하여 Firefox에서 열었지만 작동하지 않습니다. 내 HTML 문서는

0

코드는 작동한다! 그러나 숫자 입력의 화살표를 사용하려면 change-event를 사용하십시오. 나를 위해