javascript - 在另一个下方显示搜索建议

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")充当选择菜单？例如。：



的HTML：

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

Answer 1

您可以使用搜索结果填充jquery菜单，即返回的数据是菜单项。从此处查看如何执行jquery菜单https://jqueryui.com/menu/