按钮点击清除搜索框值

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>