使用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,'');

Answer 1

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

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

Answer 2

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

<script type="text/javascript">

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

</script>

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

Answer 3

试试这个：

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

我会这样做。

Answer 4

您缺少document.ready函数。尝试将代码包含在其中.. 请检查此FIDDLE

Answer 5

好的！!!

这是一个使用telerik mvc控件渲染的文本框。所以这就是你清除它的方式。

$（ '＃文本1'）的数据（ “tTextBox”）值（ ''）;