Dynamic HTML5 Datalist

Question

所以我有一個問題讓我的HTML5 Datalist動態地從javascripi數組中填充，這個數組是從一個正在通過MySQL數據庫中的行填充的對象的鍵的值填充的。唷！ MySQL數據庫=>表=>行=> JSON => Javascript對象=>「名字」&「姓氏」鍵=>數組名> =數據集選項。

我成功創建名稱數組：

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

併成立了一個循環，他們.append到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> 

有誰知道爲什麼這不是填充？

Answer 1

有一個失蹤撇號，請嘗試：

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

Answer 2

嘗試$（「＃DataList的潛力）.append ...