Пошук прапанову HTML ўваход

Я на самой справе працуе на вэб-праекта. За свой вэб-сайт, I've атрымаў базу дадзеных з рэцэптамі.

Зараз да маёй праблеме: на верхняй частцы маёй старонкі, I've атрымаў тэкставае поле, з якім яна павінна быць магчымасць пошуку рэцэптаў у базе дадзеных. Мая база дадзеных вяртае наступны JSON-аб'ект:

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

I've ўжо разабраны яго, што ў мяне ёсць толькі назва:

  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"; }

Тое, што я не ведаю цяпер, як напісаць радок у вул выпадальнага меню пад пошукам тэкставага поля. Які тып элемента гэта?

2
Ці з'яўляецца гэта выберыце <�код /> элемент?
дададзена аўтар alex, крыніца
Так як вы карыстаецеся JQuery, вы можаце проста выбраць элемент, выкарыстоўваючы селектар CSS (гэта значыць: $ ( «# txtHint»)), а затым выклікаць функцыі на гэтым DOM элемент jQuery вярнуўся.
дададзена аўтар Connor, крыніца
Старайцеся пазбягаць .innerHTML . Гэта зло.
дададзена аўтар Raynos, крыніца
Глядзіце гэта, jqueryui.com/demos/autocomplete/#remote-jsonp , гэта атрымлівае дадзеныя выдаленыя JSon і далучае да прапановы .. Я думаю, што гэта можа дапамагчы вам.
дададзена аўтар Vijay, крыніца
Не, выпадальны павінна быць паказана, у той час як я шукаю нешта. Функцыя, якую я магу шукаць «ўжывую» ужо напісана, я проста не ведаю, як называецца элемент
дададзена аўтар Harald, крыніца

2 адказы

Вось выдатны прыклад! На W3 Schools так што ўвесь код, вам трэба будзе атрымаць гэтую працу для вашага праект!

Я спадзяюся, што гэта дапамагае вам :)

5
дададзена
Вось прыклад, які вы звязаны поўны дрэнны код і дрэнны практыка. Калі ласка, не любяць w3schools.
дададзена аўтар Raynos, крыніца
Я ведаю, што рашэнне не з'яўляецца дрэнным або што-небудзь. Я проста даючы вам ведаць, што спасылкі на W3Schools не добра. Гэта проста для распаўсюджвання інфармацыі аб тым, як W3Schools не абнаўляе яго ўтрыманне, і гэта можа ўвесці ў зман ў разы.
дададзена аўтар Some Guy, крыніца
Гэта ўяўляе сабой цвёрды раствор. Незалежна ад таго, які «сайт» ІТС. Ваша паведамленне хіба канструктыўна ОП.
дададзена аўтар Graeme Leighfield, крыніца
ДОБРА. Дзякуючы Amaan :)
дададзена аўтар Graeme Leighfield, крыніца
наўрад ці варта ўніз галасавання. ён адказвае на пытанне плакатаў і дае яму спасылку на куды ісці і далей свой праект. Няма, дзе ж я сказаў: «Гэта абсалютная 100% код, які трэба выкарыстаць.»
дададзена аўтар Graeme Leighfield, крыніца

паспрабуйце выкарыстоўваць https://github.com/httpcart/SuggestionsAndSearchJs Усё працуе ў адной радку

0
дададзена