搜索建议html输入

时间:2011-10-28 06:53:16

标签: javascript html json search

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

现在我的问题:在我的页面顶部,我有一个textarea,用它可以搜索数据库中的食谱。 我的数据库返回以下JSON-Object:

{"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字符串写入search-textarea下方的下拉列表中。这是什么类型的元素?

2 个答案:

答案 0 :(得分:5)

这是一个很好的例子!在W3 Schools上,您需要使用所有代码才能使其适用于您的项目!

我希望这可以帮助你:)

答案 1 :(得分:0)