jQuery自动完成选项显示分秒,然后隐藏

时间:2015-04-19 16:54:47

标签: javascript jquery autocomplete

我正在使用jQuery autocomplete作为地址字段。我将搜索查询发送到JSP,该查询与Java后端一起使用,后端返回JSON格式String。我希望每个按键用户类型使用新的数据源,因此我尝试刷新String个自动完成选项。

它有效,但匹配选项仅显示一秒钟的分割。

基本上我想要的是在用户类型时替换JSON String,因为我有包含许多地址的数据库。

主HTML页面:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.min.js">  </script>

<script type="text/javascript">
  var addresses=['Freyas Kvarter'];
  function lookupDone(param){
    $('#autocomplete').autocomplete({
      lookup: addresses
    });
   }
function sendSearchRequest(searchQuery){
  var fileref = document.createElement('script');
        fileref.setAttribute("type", "text/javascript");
        fileref.setAttribute("src", "http://localhost:8080    
  /FIBIA_Autocomplete/main.jsp?search=" + searchQuery);
        document.getElementsByTagName("head")[0].appendChild(fileref);
}
$(document).ready(function() {
  $("#autocomplete").keyup(function() {
    sendSearchRequest($("#autocomplete").val());
  });
  $('#autocomplete').autocomplete({
    lookup: addresses
  });
});
</script>

这可能看起来不是一个复杂的问题,我在每次击键后获得正确的值来解决值,但不知何故,自动完成不能按预期工作。我已经看到了很多关于这方面的问题,但没有任何帮助。

1 个答案:

答案 0 :(得分:0)

我使用了错误的库... lookup应替换为source,而js/jquery.autocomplete.min.js应替换为http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js

希望将来能帮助别人。