jquery - 如何使用 jquery 将数组值分配到动态创建的文本框中？

Question

我已经使用 Jquery Mobile 通过 for 循环创建了一个文本框列表。我需要从数组列表向这些文本框填充文本。我尝试使用以下代码，但无法正常工作。

var myArray = ["Lion","Tiger","Deer","Elephant","Zebra"];
<div class="ui-grid-a"></div>

脚本标签包含；

for(i=0;i<5;i++)
{
var content = '<div class="ui-block-a">'
content += '<input data-role="none" type="text" id="textboxId" readonly/>'
$('#textboxId').val(myArray[i]);
content += '</div>'
$('.ui-grid-a').append(content);
}

Answer 1

您正在尝试访问尚未添加到 DOM 的元素，您可以在将其添加到内容字符串时向 textbox 添加值。请注意，您对所有文本框使用相同的 id 也是错误的。您可以将 i 附加到文本框的 id 以使 id 唯一。

content += '<input id="textboxId"'+i+'" readonly value="' + myArray[i] + '" data-role="none" type="text" />'