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

Posted 2023-04-18

【中文标题】如何使用Jquery清除html输入文本字段的内容

【英文标题】：How to clear the content of the html input text field using Jquery

【发布时间】：2011-10-26 06:30:36

【问题描述】：

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

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

我用过这个，但是不行。

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

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

它删除了整个文本字段。

【问题讨论】：

$('#id').val(''); 有效。我懒得做小提琴，但相信我 - 它有效！ :)

贴出不起作用的代码。

啊这到底是怎么回事...这里：jsfiddle.net/RahKR/1

【参考方案1】：

这是正确的：

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

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

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

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

【参考方案2】：

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

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

和

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

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

【参考方案3】：

请试试这个：

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

【参考方案4】：

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

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

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

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

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