2014-03-07 32 views
-1

嗨,大家好,我對你有關於JavaScript的問題。我想在單擊按鈕後顯示錶單,然後當我寫入內容並單擊提交時,它必須在屏幕上顯示錶單的值。問題是,當我點擊提交它只顯示一秒鐘。以下是我的JavaScript代碼:表單不工作

window.onload = function() { 
    var dod = document.getElementById("dodaj") 
    dod.onclick = function() { 
     document.write("<form action='?' id='formualrz'><input id='f1' type='text' name='pole' value='Nazwa'><input id='f2' type='text' name='pole' value='Opis'><input type='submit' id='sub'></form>"); 
     var f1 = document.getElementById("f1"); 
     var f2 = document.getElementById("f2"); 
     var submit = document.getElementById("sub"); 

     submit.onclick = function() { 
      document.write(f1.value + "<br/>" + f2.value); 
     } 
    } 
} 
+0

它在您點擊提交按鈕時提交表單,這就是爲什麼您只能在短時間內看到結果的原因。當點擊提交按鈕時,有大量關於如何防止表單提交的信息。 –

+0

HTML在哪裏? –

+0

它是由JavaScript加載時創建的。 – Stuart

回答

0

表單正在提交。以下添加到您的form標籤

<form onsubmit="return(false)" > 

或者你的情況在事件處理程序:

submit.onclick = function() { 
    document.write(f1.value + "<br/>" + f2.value); 
    return(false); 
} 

This topic解釋了return false實際上做。

+0

非常感謝:) – krystiangonczi