javascript - 使用 jquery 清除文本输入

Question

我有一个输入字段：

<input name="test1" class="t-input" id="test1" style="color: #fff;" type="text" value="3.05"/

我正在尝试通过 jquery 更改值或清除值，我已经尝试了所有这些，但它们都没有工作。值发生了变化，但我必须单击文本框才能看到更改生效。我错过了什么吗？

$('#test1').val('');
$('#test1').val("");
$('#test1').val("").change(); 
$('#test1').val("").trigger('change');
$('#test1').attr(value,'');

score 3 · Accepted Answer

也许您在 dom 尚未构建时尝试使用它，尝试使用ready事件处理程序：

$(document).ready(function () {
  // your code
});

score 2 · Accepted Answer

您应该等待页面完全加载（在 jquery 中准备好）以更新您的字段：

<script type="text/javascript">

    $(document).ready(function () {
      $('#test1').val('');
    });

</script>

如果这不起作用，您可能需要阅读错误控制台（在 Firefox 上为 ctrl + shift + j）。

score 0 · Accepted Answer

好的，我知道了！！

它是一个使用 Telerik mvc 控件呈现的文本框。所以这就是你清除它的方式。

$('#text1').data("tTextBox").value('');

score 0 · Accepted Answer

0

您缺少 document.ready 功能。尝试将您的代码封装在其中。检查此FIDDLE

于 2012-09-10T17:55:38.273 回答

score 0 · Accepted Answer

0

尝试这个：

$("#test1").removeAttr("value")

我猜这会完成你的工作。

于 2012-09-10T17:36:41.637 回答

5 回答 5