Javascript中的Onchange事件;如何輸入不同的項目

我是相當新的JavaScript和我13歲。所以我是新來的事件在JavaScript。我想在此代碼上尋求幫助：Javascript中的Onchange事件;如何輸入不同的項目

<head> 
<script> 
function myFunction() 
{ 
var x=document.getElementById("fname"); 
if (x=="Kyle") 
{ 
document.write("Correct!"); 
} 
else 
{ 
document.write("Incorrect!") 
} 
} 
</script> 
</head> 
<body> 
Enter your name: <input type="text" id="fname" onchange="myFunction()"> 
</body>

我想在輸入我的名字時說出正確的。請幫忙。由於

來源

2012-11-28 Kyle Gagnon

請勿使用'document.write'。那些日子已經結束了。使用DOM。 – DanMan

這是一個脫離主題的評論，我知道......但保持它的男人。我喜歡看到年輕的孩子進入發展。它傾向於培養你在SO上看到的那種開發者：那些對它有激情的開發者。我在11歲時就開始了，從那以後一直沒有回頭。至少你有SO的力量依靠:) –

我的答覆是否解決了你的第二個問題？ – Marvin

行

if (x=="Kyle")

應該讀

if (x.value=="Kyle")

x代表元素，而不是元素的值。

我希望這會有所幫助。隨意問你是否有其他問題。

首先創建以下表單div標籤，並給它的東西，如「消息框」的ID

這樣：

<div id="messageBox"></div>

然後更換

document.write("Correct!");

與

document.getElementById('messageBox').innerHTML = "Correct!";

與錯誤相同。

所有這些都會創建一個div標籤，以便JavaScript可以輸出成功/失敗消息。

來源

2012-11-28 23:26:52 Marvin

謝謝！它像一個魅力！ –

我也有另一個問題。我如何能夠在同一頁面上顯示它。我想要正確或不正確的。 –

我已經更新了我的答案，爲您提供了一個如何解決問題的例子。 – Marvin

你真是太親近了。你得到了DOM元素（getElementById），但你需要得到元素的實際值。使用x.value == "Kyle"

來源

2012-11-28 23:27:03 Matt

感謝所有發佈！你們都很有幫助 –

Javascript中的Onchange事件;如何輸入不同的項目

回答

相關問題