0

我正在尝试创建一种发布系统，它在大多数情况下都有效，但是当点击发布按钮时，输入字段不会被重置。我尝试了很多不同的方法，但都没有奏效，所以这是我尝试的最后一种方法（CodePen 设置了骨架代码，因此不会出现问题）：

HTML：

<form id="post" name="write">
    <div class="textbox">
        <input class="postwriter" name="post" type="text" placeholder="What's on your mind?" id="myPost">
        <button id="Post" onclick= "return write_below(this); return formReset();" value="submit" >Post</button>
    </div>
</form>
<div class="posts" id="postDisplay">
    <p class="para"><span id='display'></span></p>
</div>

JavaScript：

function write_below(form) {
    var input = document.forms.write.post.value;
    document.getElementById('display').innerHTML += "<p>" + Math.floor(Math.random()*20) + ": " + input + "</p>" + "<br/>";
    return false;
}
function formReset(){
    document.getElementById("post").reset();
}
4

1 回答 1

3

你onclick看起来像这样：

onclick="return write_below(this); return formReset();"

翻译为：

return write_below(this);
return formReset();

第一次返回后，脚本结束。所以删除第一个返回。您的代码应如下所示：

onclick="write_below(this); formReset(); return false;"

话虽如此，return false这里没有任何意义，所以摆脱它。

function write_below(form) {
  var input = document.forms.write.post.value;
  document.getElementById('display').innerHTML += "<p>" + Math.floor(Math.random()*20) + ": " + input + "</p>" + "<br/>";
}

注意：您所有的 ID 看起来都相似，这可能会使开发人员或看到您的代码的人发疯。这是你的意图吗？

于 2016-12-09T13:29:37.933 回答