按鈕點擊清除搜索框值

Question

我正在使用一個搜索框。如何清除此文本框的值按鈕單擊。

$(document).ready(function(){ 
 
    $(".searchClear").click(function(){ 
 
      //document.getElementById("searchGo").value=""; 
 
      $('#searchGo').removeAttr('value'); 
 
    \t });

<input class="col-lg-3" type="text" name="searchroleName" id="searchroleName"> 
 
    <button class="btn searchGo" id="searchGo">Go</button> 
 
    <button type="reset" class="btn searchClear">Clear</button> \t

Answer 1

試試這個

$(document).ready(function(){ 
    $(".searchClear").click(function(){ 
      $('#searchroleName').val(''); 
    }); 

Answer 2

空值，而不是刪除元素的屬性，而且您的支架沒有正確關閉。

此外，輸入的選擇是錯誤的。

嘗試下面的代碼

$(document).ready(function() { 
 
    $(".searchClear").click(function() { 
 
    //document.getElementById("searchGo").value=""; 
 
    $('#searchroleName').val(""); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<input class="col-lg-3" type="text" name="searchroleName" id="searchroleName"> 
 
<button class="btn searchGo" id="searchGo">Go</button> 
 
<button type="reset" class="btn searchClear">Clear</button>