20

そのため、MySQL データベースの行を介して入力されているオブジェクトのキーの値から入力されている JavaScript 配列から HTML5 データリストを動的に入力するのに少し問題があります。ふぅ！

MySQL データベース => テーブル => 行 => JSON => Javascript オブジェクト => "firstname" & "lastname" キー => 名の配列 => データリスト オプション。

名前の配列を正常に作成しました。

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

そして、それらをデータリストに .append するループを設定します:

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>

なぜこれが入力されていないのですか？

4

3 に答える 3

16

アポストロフィがありませんでした。試してください:

$('#potentials').append("<option value='" + nameArray[i] + "'>");
于 2013-04-15T11:29:54.230 に答える