javascript - 搜索建议 html 输入

Question

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

现在我的问题是:在我的页面顶部，我有一个文本区域，应该可以用它在数据库中搜索食谱。我的数据库返回以下 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";
    }

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

Answer 1

这是一个很好的例子!在 W3 Schools所以这里有您需要的所有代码，可以让它为您的项目工作!

希望对你有所帮助:)