のjavascript：学生ID

私のJSコードのjavascript：学生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に私は

<input type="number" id="id" /> 
<input type="text" disabled="disabled" id="name" />

は、だから私は間違って何をやっている、私は7を入力したときにどのように来る、ジャックからの出力名に最も簡単な方法黒はテキストボックス内に表示されませんか？問題は、HTMLファイル内のスクリプトタグの位置でなければなりません

多くのおかげ

出典

2017-11-25 UrbanOzzy

// 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" />

、それが働いています。どのようなエラーが出ますか？ –

うまく動作するhttps://jsfiddle.net/z_acharki/jnwrc5ay/429/ –

私はnotepad ++を使用してFirefoxで開いても動作しません.HTML文書は

あなたのコードは動作します！しかし、数値入力の矢印を使用する場合は、change-eventを使用します。私にとって

出典

2017-11-25 16:40:31 Glubey

関連する問題