删除触发keyup事件时动态创建的html组件

时间:2017-02-08 14:41:53

标签: jquery html

var dict={

  '[0].Key':'id-one'.
  '[0].Value':'aaaaa'
}
var data = new FormData();
data.append('Id', @Model.Id);
data.append('Fields', dict);
data.append('File',$('#file1')[0].files[0]);

$.ajax({
  url: '@Url.Action("Send")',
  data: data,
  processData: false,
  contentType: false,
  type: 'POST',
  success: function(data){
    alert(data);
  }
});

这是一个搜索栏,我想要做的是,每当用户在搜索中键入任何字符时,必须出现一个块,并且一旦用户从文本框中删除所有字符,该块就必须消失。所以我可以在jquery

中实现这个
 <input type="text" class="form-control" id="search" placeholder="search buddy" name="search" >

1 个答案:

答案 0 :(得分:3)

我认为这就是你想要的。要删除元素,只需选择一个元素并调用.remove()即可。此代码段也使得一次只有一个#search_result

$(document).ready(function(){
    $('input[id="search"]').on('input',function(){
        var text=$(this).val();
        $('#search_results').remove()
        if(text!="") {
          $(this).after('<div class="panel" id="search_results">hello</div>');
        }

    });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="search" placeholder="search buddy" name="search" >