Javascript 搜索建议html输入

我实际上在做一个网站项目。在我的网站后面，我有一个食谱数据库

现在我的问题是：在我的页面顶部，我有一个文本区域，通过它可以在数据库中搜索食谱。 我的数据库返回以下JSON对象：

{"Data":{"Recipes":{"Recipe_7":{"ID":"7","TITLE":"Wurstel"},"Recipe_43":{"ID":"43","TITLE":"Wurstel2"}}},"Message":null,"Code":200}

我已经分析过了，我只有标题：

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {
       var obj = jQuery.parseJSON(xmlhttp.responseText);
    var str="";
    $.each(obj.Data.Recipes, function(){
    str += this.ID + "<br/>";
    str += this.TITLE + "<br/><br/>";
        });
    document.getElementById("txtHint").innerHTML = str;
    document.getElementById("txtHint").style.border="1px solid #A5ACB2";
    }

if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
var obj=jQuery.parseJSON（xmlhttp.responseText）；
var str=“”；
$.each（obj.Data.Recipes，function（）{
str+=this.ID+“
”；
str+=this.TITLE+“

”；
});
document.getElementById（“txtHint”）.innerHTML=str；
document.getElementById（“txtHint”）.style.border=“1px solid#A5ACB2”；
}

---

我现在不知道的是，如何将str字符串写入搜索文本区域下方的下拉列表中。这是什么类型的元素

这是一个很好的例子！因此，有所有的代码，你将需要让这个工作为您的项目

我希望这对您有所帮助：）

尝试使用

---

所有内容都在一行中解决

否，在我搜索某个内容时应显示下拉列表。我可以搜索“live”的函数已经编写好了，我只是不知道该元素是如何被调用的。请参见，这将获取远程json数据并附加到建议中。。我认为这可能会对您有所帮助。因为您使用的是jQuery，所以您只需使用CSS选择器（即：$（“#txtHint”））选择元素，然后调用jQuery返回的DOM元素上的函数。尽量避免

。innerHTML

。这是邪恶的，这是一个坚实的解决方案。不管它在哪个“网站”上。你的帖子对OP没有建设性。我知道解决方案不错。我只是想让你知道，链接到W3学校并不好。这只是为了让人们意识到W3Schools是如何不更新其内容的，有时可能会产生误导。您链接的示例中充满了错误代码和错误做法。请不要拒绝，这不值得投反对票。它回答了海报上的问题，并为他提供了一个链接，指向他要去哪里并进一步推进他的项目。不，我在哪里说过“这是你需要使用的绝对100%的代码。”