尝试将Javascript数组变量分配给HTML输入值属性

Question

我有一个复杂的问题要问，到目前为止，我的Google-Fu显然太弱了，无法解决此问题。

我正在建立一种排序形式，可以在数组中翻转一堆名称，将它们全部呈现出来以供选择，以及：

• 将所选名称放入一组表单输入（特别是文本）中；
• 动态生成一堆具有更多相同文本输入的div；
• 将其余名称放入这些新的div中

我已经使用混合了JQuery和常规Javascript的方法中的前两个很好地工作了。 但是我的问题出现在最后一步。

这是我正在做的示例行：

var lname = '<p>Last name: <input type=\'text\' class=\'inputbox\' value=lastNames[i] /></p>';
...
...
$('.others').append(...,lname,...);

这是在for (i=0; i<lastNames.length; i++)循环内，因此计划是为数组中的每个名称创建一个div和内部输入。 这已经有效。 问题是，当我加载页面并选择一个名称时，会显示3个新的div ...并且每个框内的文本都是例如lastNames [i]而不是Smith。

我在语法上想念什么？ 还是比我想的还要复杂？

Answer 1

现在，您要做的只是设置一个字符串。 您需要将lastNames变量连接到字符串以获取所需的结果。

var lname = '<p>Last name: <input type=\'text\' class=\'inputbox\' value=\'' + lastNames[i] + '\'></p>';

Answer 2

我建议您在jQuery中寻找该解决方案的模板非常适合您的问题。

编辑：基本上，您只是设置一个就绪的模板，然后输入{{each}}条件格式，它将自动创建您拥有的列表，而js中没有for循环。