Поиск предложения html input

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 в выпадающем списке под search-textarea.Что это за элемент?

Answer 1

Вот отличный пример! На W3 Schools , так что есть весь код, который вам понадобится, чтобы получить его для вашего проекта!

Надеюсь, это поможет вам:)

Answer 2

попробуйте использовать https://github.com/httpcart/SuggestionsAndSearchJs Все работает в одну строку