javascript - ドロップダウン ボックスに 1 行で入力される値

Question

ドロップダウン ボックスがあります。これは、mySQL データベースからの値で満たされています。これは、ドロップダウンを埋めるために使用しているスクリプトの一部です。

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id option').append(details.aaData[i].id);
}

ここに HTML があります。

<select name="package" name="package-id" id="package-id">
        <option></option>
</select>

しかし、ドロップダウンには値が 1234 として表示されます。

1

2

3

4

これに対する回避策はありますか？

Answer 1

これを変更してみてください：

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id option').append(details.aaData[i].id);
}

これに：

var details = JSON.parse(data);
console.log(details);
for ( i = 0; i < details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id').append("<option value='"+details.aaData[i].id+"'>"+details.aaData[i].id+"</option>");
}

空白のオプション内に一連のオプションを作成しているように見えます。