首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >点击“提交按钮”后,文本会迅速消失

点击“提交按钮”后,文本会迅速消失
EN

Stack Overflow用户
提问于 2012-07-02 04:33:01
回答 5查看 25.6K关注 0票数 7

有个问题。这是我的代码:

代码语言:javascript
复制
<html>

<body>
<form>
<p>13-7: <input id="in1" type="text"" /><input type="submit" onclick="check(6, 'in1', 'out1')" value="Tjek!"/></p>
<p id="out1"></p>
<p>20-7: <input id="in2" type="text"" /><input type="submit" onclick="check(13, 'in2', 'out2')" value="Tjek!" /></p>
<p id="out2"></p>



<script type="text/javascript">

function check(facit, input, output) {
    var answer, evaluation;
    answer = document.getElementById(input).value;
    evaluation = (answer == facit) ? "Correct" : "Wrong";
    document.getElementById(output).innerHTML = evaluation;
    return false;
}

</script>
</form>
</body>

</html>

当我点击提交按钮时,“正确/错误”只显示了一小段时间。我想让它留在网站上,有什么建议吗?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-07-02 04:35:09

提交按钮正在提交您的表单(因此重新加载您的页面)。

将按钮更改为type="button"

票数 16
EN

Stack Overflow用户

发布于 2012-07-02 04:34:48

您的按钮是提交按钮(<input type="submit">),因此它们将提交表单并在每次单击时刷新页面。改为将按钮更改为<input type="button">

票数 2
EN

Stack Overflow用户

发布于 2012-07-02 04:34:59

将onclick函数从:

代码语言:javascript
复制
onclick="check(13, 'in2', 'out2')"

至:

代码语言:javascript
复制
onclick="return check(13, 'in2', 'out2')"

或者,如果您不想提交表单,因为您有两个提交按钮,最好使用:

代码语言:javascript
复制
<input type="button" />
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11285412

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档