2017-05-09 28 views
-2

這工作,但隨後消失後像第二的Javascript改變文本基於文本的文字作品,但隨後消失

function tfw() { 
    var TFW = document.getElementById("TFW").value 
    if (TFW == "mexicans") { 
    document.getElementById("image").innerHTML = "<h1>worked!</h1>"; 
    event.preventDefault(); 
    } 
} 

場合:

<input type="text" id ='TFW'><br> 
<input type="submit" value="Submit" onclick="tfw();"> 
+0

哪個瀏覽器?你不能在所有瀏覽器中將'event'作爲全局引用,所以我認爲你會發現最後一行給出了一個錯誤,你沒有阻止默認的提交按鈕行爲,所以表單正在提交,導致頁面重裝。 – nnnnnn

+0

@nnnnnn用於測試的瀏覽器是FireFox –

+0

您可以發佈完整的代碼。 –

回答

0

變化input type="submit"input type="button"並同時獲得擺脫event.preventDefault()來解決這個問題。

+0

這將改變行爲 - 請注意,函數只會嘗試阻止提交指定的文本值。 – nnnnnn

+0

謝謝你現在的作品,我和我的學校項目的合作伙伴非常感謝你。 –

+0

@nnnnn我把它編碼的糟糕方式使得他提供的工作方式非常完美,沒有其他任何東西需要改變,因爲一個糟糕的程序員工作了很久。 –