如何使用Jquery清除html输入文本字段的内容答案

【问题标题】：How to clear the content of the html input text field using Jquery如何使用Jquery清除html输入文本字段的内容
【发布时间】：2011-10-26 06:30:36
【问题描述】：

我有一个可以隐藏的 html 文本字段。

隐藏时我想清除文本字段。

我用过这个，但是不行。

$('#id').val("");

我也试过$('#id').text("");。

它删除了整个文本字段。

【问题讨论】：

【解决方案1】：

这是正确的：

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

不过，你的第 2 部分很有趣。

$('#id').text("");

这不应该造成您所描述的行为。我希望您引用父对象，而不是直接引用 <input>。

【讨论】：

【解决方案2】：

您的代码还发生了什么...因为这对我有用...

<input id="id">
<input id="clear" type="button" value="Clear">

和

$('#clear').click(function(){
    $('#id').val('');    
});

【讨论】：

【解决方案3】：

请试试这个：

 $('#id').attr("value","");

【讨论】：

【解决方案4】：

假设 TheTextField 是您输入字段的 ID，这可以正常工作。

$('#TheTextField').val("");
$('#TheTextField').hide();

无论如何，如果您使用 FireBug 并且在隐藏时查看输入字段，您会看到 value 属性仍然有一个值，它确实没有，但是当您再次显示它时：

$('#TheTextField').val("");
$('#TheTextField').hide();
$('#TheTextField').show();

您将在浏览器中看到的输入字段与您在 FireBug 中看到的不同，它不再具有任何价值。

【讨论】：