Dynamic HTML5 Datalist

Question

Występuje problem polegający na tym, że mój statystyk HTML5 wypełnia się dynamicznie z tablicy javascripi, która jest wypełniana wartościami klucza obiektu, który jest wypełniany przez wiersze w bazie danych MySQL. Uff!

Baza danych MySQL => Tabela => Wiersze => JSON => Obiekty JavaScript => "imię" & Klawisz "nazwisko" => Tablica imion => Baza danych Opcje.

pomyślnie stworzył tablicę nazw:

var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"]; //Example of my array 

i założyć pętlę na .append je do datalist:

for (var i = 0; i < nameArray.length; i++) { 
    alert(i + " - " + nameArray[i]); //Works Fine, "0 - Rick Bross", "1 - Madison Smith", etc. 
    $('#potentials').append("<option value='" + nameArray[i] + ">"); // Not working. 
} 

Tu jest mój HTML:

<input tabindex='1' list="potentials" type="text" placeholder="First &amp; Last Name" id="name" name="name"></input> 
<datalist id="potentials"> 
</datalist> 

Czy ktoś wie, dlaczego to się nie dzieje?

Answer 1

Było brakuje apostrof, spróbuj:

$('#potentials').append("<option value='" + nameArray[i] + "'>"); 

Answer 2

Spróbuj $ ("# datalist potencjałów) .append ...