Динамические таблицы в HTML5

таким образом, у меня есть немного проблемы с получением моего HTML5 Datalist для динамического заполнения из массива javascripi, который заполняется из значений ключа объекта, который заполняется через строки в базе данных MySQL. Фу!

MySQL Database => Table => Rows => JSON => Javascript Objects = > "firstname" & "lastname" key => массив имен = > параметры Datalist.

я успешно создал массив имен:

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

и настроить цикл к.добавьте их в 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.
}

вот мой HTML:

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

кто-нибудь знает, почему это не заполнять?

10
append for-loop html-datalist html5 jquery

3 ответов

Я знаю, что этот ответ поздно, но это может помочь кому-то.

var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"];

добавить параметры в datalist.
- "attr" помогает, если вам нужно i.d для идентификации каждого варианта.
- "текст" - это содержимое, которое будет отображаться.

$.each(nameArray, function(i, item) { $("#potentials").append($("<option>").attr('value', i).text(item)); });

1

отсутствовал апостроф, попробуйте:

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

попробуйте $("datalist#potentials).добавлять...

-5