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

Question

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

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

我用过它并且不起作用。

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

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

删除了整个文本字段。

Answer 1

这是正确的：

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

但是，你的第2部分很有意思。

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

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

Answer 2

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

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

和

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

工作示例：http://jsfiddle.net/jasongennaro/xrxU8/

Answer 3

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

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

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

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

输入字段，因为您将看到它在浏览器中呈现，而不是您在FireBug中看到的内容，它已经没有任何价值。

Answer 4

请试试这个：

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