Question

我有问题，我的html网站似乎总是在我提交表单后自动刷新两次。我只是看到我的 - 正确 - 来自提交背后的功能的结果不到一秒钟才能消失。我使用document.getElementById（“tabledata”）将结果写入tabledata元素.innerHTML = result;

代码工作正常，结果不会保留在tabledata元素中 - 但我想要它。

        <td id="TDcontent200px">
        <form name="formularSpiel" onSubmit="spielen()">
        <input type="radio" name="radioGruppe" value="Schere" checked="checked">Schere<br>
        <input type="radio" name="radioGruppe" value="Stein">Stein<br>
        <input type="radio" name="radioGruppe" value="Papier">Papier<br><br>
        <input type="submit" value="submit">
        </form>
    </td>

function spielen()
{
    var meineWahl = getAuswahl();
    var gegnerWahl = waehleGegner();
    var ergebnis = vergleiche(meineWahl, gegnerWahl);
    document.getElementById("TDergebnis").innerHTML = ergebnis;
}

Answer 1

你可以把

返回false;

在该document.getElementById ... line？

之后

Answer 2

我解决了问题。 @汤姆我觉得我搞砸了表格及其用法。我删除了“onsubmit”属性，并将输入类型从“submit”更改为“button”，并在按钮上添加了“onclick”事件：

            <form name="formularSpiel">
        <input type="radio" name="radioGruppe" value="Schere"  checked="checked">Schere<br>
        <input type="radio" name="radioGruppe" value="Stein">Stein<br>
        <input type="radio" name="radioGruppe" value="Papier">Papier<br><br>
        <input **type="button"** value="submit" **onclick="spielen()"**>
        </form>

问题解决了，thx @tom

html form-submit不会在元素

2 个答案: