如何使用jquery完全删除搜索栏中的值

Question

我在删除搜索栏中的值时遇到问题，因为这是一个过滤器，当我想搜索另一个时，我需要删除一个值，但是我很难删除该值。这是我的功能

$("#sid1").click(function(){
$("#Vsid").hide();
$('#txtsid').val("");

我附上了我的样本api的图片

/api/public/2ndlayer/search/33/avone/barcode/gender/producttype/productname

我的HTML：

<div id="Vsid" style=" float:right; background-color: pink; " ng-show="sid" >
  <b >SCP ID : {{ sid }} </b> 
  <button id="sid1" ng-click="reset()"> >x</button>
</div>

<input type="text" id="txtsid" style="width: 70%; margin-left:2px;" ng-model="sid" class="input-group inline form-control" placeholder="SCP ID" ng-required="true" required>
<button id="scpid1" class="btn btn-primary">ADD</button>

Answer 1

onfocus您可以从搜索过滤器中删除该值，因为无论何时您想要搜索新字段，您都会专注于它，并且在聚焦时它将为空。