按钮单击清除搜索框值

Question

我正在使用一个搜索框。如何清除此文本框的值按按钮单击。

＆＃13;

＆＃13;

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

＆＃13;

<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>	

＆＃13;

＆＃13;

＆＃13;

Answer 1

清空值而不是删除元素属性，而且括号未正确关闭。

输入的选择器也是错误的。

尝试以下代码

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个

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