Question

我有一个用于在表单中键入名称的文本框。文本框下方的div显示了AJAX帮助下数据库中注册用户的名称，从用户输入的字母开始。用户也可以单击用户名和那些名字将被放置在文本框中。否则div将消失。我已经为文本框写了onblur事件，以便在丢失文本框的焦点时，下面创建的div应该消失。这对我有用我的问题是我无法从下面的div中选择名称，因为在模糊事件fires.I需要onblur事件，因为除了选择用户名函数之外的所有其他事件都需要这个模糊事件。我的代码是这样的：

 <input id="venue" type="text" onkeyup="showData(this.value)" 
        onblur="return removediv()"/>
 <div id="venuesearch">
 </div>//div for displaying the set of usernames with help of AJAX

我的javascript代码是：

 function showData(str)
 {
      if (str.length==0)
      {
          document.getElementById("venuesearch").innerHTML = "";
          document.getElementById("venuesearch").style.border = "0px";
          return;
      }

      // some AJAX code here 
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
          document.getElementById("venuesearch").innerHTML=xmlhttp.responseText;
          document.getElementById("venuesearch").style.border="1px solid #A5ACB2";
          document.getElementById("venuesearch").style.display="block";
          document.getElementById("venuesearch").style.overflow="show";     
      }

      xmlhttp.open("GET","search_venue.php?venue="+str,true);
      xmlhttp.send();
 }

内部search_venue.php

在列的onClick事件上有一个名为showVal()的方法。

function showVal(val)
{
    document.getElementById("venue").value = val;
document.getElementById("venuesearch").style.display = "none";
}

function removediv()
{
    document.getElementById("venuesearch").style.display="none";
return false;
}

Answer 1

试试这个：

function removediv()
{
   document.getElementById("venuesearch").style.display="none";
   var venue = document.getElementById("venue").value;
   return false;
}

更改文本字段的onblur事件

1 个答案: