一个接一个地显示搜索建议

Question

我使用jquery的$.ajax()方法来做一个自动建议框。我使用LIMIT 0,3

在php中调用了4条建议

$("#par").keyup(function(){
   $.ajax({
     type: 'POST',
     url: 'getVals.php',
     data: {searchWd:$(this).val(), category:'fruits'},

     success: function(data){
        $("#suggesstion-box").show(data[0].fruit);
        $("#suggesstion-box").html(data);
     }
   });
});

成功获取数据。我的问题是如何让$("#suggesstion-box")充当选择菜单？ e.g：

HTML：

<div>
  <input id="par" type="text" />
  <div id="suggesstion-box"></div>
</div>

Answer 1

您可以使用搜索结果来填充jquery菜单，即返回的数据是菜单项。从这里https://jqueryui.com/menu/

了解如何进行jquery菜单