如何刪除用戶使用JavaScript鍵入的文本輸入

<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", '');但它沒有工作。如何刪除用戶使用JavaScript鍵入的文本輸入

來源

2013-09-01 user2625152

該方法被稱爲'.val（）'而不是'.Value（）'。 – insertusernamehere

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

您可以使用jQuery這樣的：

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

或者你可以使用普通的JavaScript這樣的：

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

如果是那些在你身邊貼得更輸入字段，並且您要清除您可以使用的所有輸入：

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

來源

2013-09-01 16:21:58 Sergio

謝謝！它的作品:) – user2625152

感謝您爲我的解決方案添加:) – Joon

@Juno，這是一個好主意，給不同的選擇:) – Sergio

使用此

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

鏈接如下：jQuery Documentation

這在jQuery的API推出。您可以在JavaScript中使用.value，但在jQuery中使用val()。它獲取對象的值並清除該值，只需添加引號即可！

JavaScript代碼是：

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

來源

2013-09-01 16:29:18

這裏是一個純JavaScript解決方案：

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

來源

2013-09-01 16:37:22 Joon

由於HTML的id屬性都應該是獨一無二的，我會建議不使用在 '#keyword' 身份證你的jQuery選擇器。如果只有一個文本字段，該解決方案可以工作，但不能縮放到多個文本字段。相反，我會做「關鍵字」 input元素類，並使用選擇：

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

這是非常相似的解決方案塞爾吉奧給了它除了可以讓你控制，通過「關鍵字」類，輸入元素的值被清除。

來源

2013-09-01 16:58:19 bpmason1

如何刪除用戶使用JavaScript鍵入的文本輸入

回答

相關問題