Question

<div class = "search ui-widget">
    <label for = "keyword"></label>
    <input type="text" id="keyword" onkeypress="searchKeyPress(event)" placeholder="Search here" required>
    <input type="button" id="btnSearch" onclick="loadDeals('search', keyword.value,'')"  />
</div>


$('.search input#keyword').Value('');

基本上我想要的是在用户单击另一个菜单选项卡后删除文本框中的用户输入。我尝试了$('.search input#keyword').Value('');和$('.search input#keyword').css("value", '');，但它没有用。

Answer 1

.val()是jQUery方法的正确名称，而不是Value()。

您可以像这样使用jQuery：

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

或者你可以使用这样的普通javascript：

 document.getElementById('keyword').value = '';

如果您发布的输入字段旁边有更多输入字段，并且您想清除可以使用的所有输入：

$('.search input').val('');

Answer 2

这是一个纯粹的JavaScript解决方案：

document.getElementById('keyword').value = '';

Answer 3

使用此

$("the_class_or_id").val("");

链接：jQuery Documentation

这是在jQuery API中引入的。您可以在JavaScript中使用.value，但在jQuery中使用val()。它获取对象的值并清除值，只需添加引号！

JavaScript代码将是：

document.getElementById("id_name").value = "";

Answer 4

由于HTML id属性应该是唯一的，我建议不要在jquery选择器中使用'#keyword'id。如果只有一个文本字段，该解决方案确实有效，但它不能扩展到多个文本字段。相反，我会让'keyword'成为输入元素的类并使用选择器：

$('.search input.keyword').val('');

这与Sergio提供的解决方案非常相似，不过它允许您通过'keyword'类控制哪些输入元素的值被清除。

如何擦除用户使用JavaScript键入的文本输入

4 个答案: