web-dev-qa-db-ja.com

ダイナミックHTML5データリスト

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

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>

なぜこれが入力されないのか誰か知っていますか？

jqueryhtmlfor-loopappendhtml-datalist
16
Rick Bross

私はこの答えが遅いことを知っていますが、誰かを助けるかもしれません。

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

オプションをデータリストに追加します。
-「attr」は、各オプションを識別するためにi.dが必要な場合に役立ちます。
-「テキスト」は表示されるコンテンツです。

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

7
King Of The Jungle

アポストロフィがありませんでした：

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