佔位符值恢復到復位後，搜索框已被點擊

我編輯一些javascript，有一個搜索框，具有可變如下佔位符值恢復到復位後，搜索框已被點擊

var secondSearchTerm = $('#2nd-search').val();

在HTML代碼「第二搜索」有一個佔位符「輸入搜索項」

我也有一個復位按鈕，用於清除搜索如下：

$("#2nd-reset-btn").on("click", function() { 
    return myNetwork.resetSecondSearch(); 
})

我想什麼做的是讓搜索框與佔位符磨片重新填充重新點擊。現在最後輸入的術語仍保留在搜索框中。

關於如何編輯代碼來做到這一點的任何想法？

非常感謝！

來源

2016-06-10 Keith

喜參照此鏈接https://plnkr.co/edit/EtLmby5BdD5Yn70EIBRD?p=preview

// Add your javascript here 
$(function(){ 

$("#reset").on("click", function() {  
    return $('#username').val(''); 
}); 

});

HTML

<input type="text" name="name" id = "username" placeholder="uname"/> 
<button id="reset">Reset </button>

來源

2016-06-10 10:12:19

您需要做的就是將值設置爲空&將焦點從輸入處移開（因爲某些瀏覽器隱藏了佔位符）。佔位符將再次可見。請嘗試以下操作：

$("#2nd-reset-btn").on("click", function() { 
    secondSearchTerm.blur(); 
    return secondSearchTerm.val(''); 
})

來源

2016-06-10 10:05:50

你可以用純JS做到這一點只有

給定初始值

function reset() { 
 
    var initialValue = 'Enter your search term.'; 
 
    var query = document.getElementById('myquery'); 
 

 
    query.value = initialValue; 
 
}

<input type="text" id="myquery" /> 
 
<input type="button" id="reset" onclick="reset()" value="Reset" />

鑑於佔位

function reset() { 
    var query = document.getElementById('myquery'); 
    query.value = ''; 
}

HTML

<input type="text" id="myquery" /> 
<input type="button" id="reset" onclick="reset()" value="Reset" />

來源

2016-06-10 10:07:14 keziah

佔位符值恢復到復位後，搜索框已被點擊

回答

相關問題