表格不起作用

时间:2014-03-07 10:06:05

标签: javascript button javascript-events html-form

大家好,我有一个关于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);
        }
    }
}

1 个答案:

答案 0 :(得分:0)

您的表单正在提交中。将以下内容添加到您的form代码

<form onsubmit="return(false)" >

或者在事件处理程序的情况下:

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

This topic解释了return false实际上做了什么。