Question

我似乎无法让这一切为我的生活而工作。我尝试使用''和getElementById('guess').value将值设置为$('#guess').val，尝试使用$('#formGuess').reset()等。不知道为什么值不会清除。

以下是我的代码：

JS

$('#submit').on('click', function(e) {
  e.preventDefault();

  var guess = $('#guess').val();
  $('#guess').removeAttr('value');
}

HTML

<div class="container center">
      <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <form class="form-horizontal" method="post" id="guessForm">
            <div class="form-group">
              <div>
                <input type="text" class="form-control" placeholder="Guess" id="guess"/>
              </div>
                <input type="submit" class="btn btn-success" name="submit" value="Guess" id="submit"/>
            </div>
          </form>
        </div>
      </div>

Answer 1

将空字符串设置为文本框的值，如下所示。

$('#guess').val('');

Answer 2

从您的代码中

var guess = $('#guess').val();

您获得的值不是设置。

设置值

$('#guess').val('');

Answer 3

首先，你应该在表单上附加一个“submit”监听器，而不是按钮，例如

return i > 0 && i < 27 ? String.valueOf((char)(i + 'A' - 1)) : null;

但是如果你想将它附加到按钮上，那么你就可以做到这一点，不用担心。

确保调用该事件。您确定调用“click”事件中的函数吗？放一个console.log（“someText”）;

如果它被调用，那么确保jQuery获得正确的元素。也许你弄错了？也许有一个缺少“＃”的标志？或者可能根本没有加载jQuery？

打开开发人员工具并检查控制台中的内容。

可能你犯了一个简单的错误 - 它始终是关于简单的错误。：）

如何在提交时使用Jquery从文本输入框中删除用户输入？

3 个答案: