Question

我在键入时创建了一个简单的搜索，替换了DIV（最初由PHP填充）。功能正常。但如果输入字段为空，我无法将其重置为原始状态。

这是脚本：

$("#search_user").keyup(function()
  {
  var search_user = $(this).val();
  var dataString = 'keyword='+ search_user;
  if(search_user.length>3)
  {
  $.ajax({
  type: "GET",
  url: "../functions/search.php",
  data: dataString,
  success: function(server_response)
        {
          $('#list_users').html(server_response);
        }
  });
  }
  return false;
});

原始DIV代码：

    <div id="list_users">
   <?php echo "
          <div class=\"col-md-3\">
            <img src=\"../assets/img/avatars/1.jpg\" class=\"user-avatar\">
            <div class=\"caption\">
              <h5>$rows[user_full_name] <br> <small> Designer</small></h5>
            </div>
          </div> 
      " ;?>
           </div>

谢谢。

Answer 1

你的意思是

var $copy = $("#list_users").html();
$("#search_user").keyup(function() {
  var search_user = $(this).val();
  if(search_user=="") $("#list_users").html($copy);
  else {

Answer 2

您可以保存原始html的状态（在DOM上准备就绪，然后再执行任何操作）。

var originalState = $("#list_users").html();

$("#search_user").keyup(function() {
  var search_user = $(this).val();
  if(search_user=="") $("#list_users").html(originalState );

如果过滤器输入为空，则重置结果

2 个答案: