Question

我已经创建了一个查找工具，其中显示了一个项目列表，当单击该项目时，菜单消失。这可能是一个简单的修复

第一次工作得很好，但之后查找工具无效。

首先，在带有调用查找的div的文本框中键入项目：

<input type="text" name="item" id="item" onkeyup="showResult(this.value)"     placeholder="Enter Item Number" autocomplete="off">
<div id="lookup"></div>

我的项目如下：

<p><a href=# onclick=\"xmlhttpPost(lookup string and target div)>Item</a></p>

我使用此脚本在点击时使项目消失：

$(document).ready(function () {

    $('#lookup').on({

       click: function () { $('#lookup').toggle();
       return false; }

    }, 'a');

});

第一次运行良好，但之后它会永久地隐藏查找。

以下是编辑的查找代码：

function showResult(str,itemnum)
{

    if (str.length==0)
      {
      document.getElementById("lookup").innerHTML="";
      document.getElementById("lookup").style.border="0px";
      return;
      }
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("lookup").innerHTML=xmlhttp.responseText;
        document.getElementById("lookup").style.border="1px solid #A5ACB2";
        }
     }
      var e = document.getElementById("location");
      var location = e.options[e.selectedIndex].value;

    xmlhttp.open("GET","sql/lookup.php?category="+location+"&name="+str,true);
    xmlhttp.send();
    }

我即将打包这个项目，但这是最后一个小修复。提前谢谢。

Answer 1

如果您要做的就是在点击时清除查找内容，请不要隐藏整个元素，只需将其清空：

$('#lookup').on({

  click: function () 
   { 
     $('#lookup').empty();
     return false; 
   }
}, 'a');

使<p>切换重新出现</p>

1 个答案: