Question

<table border="0" cellspacing="2" cellpadding="2" width="99%" id="subAccTable">
    <tr>
        <td colspan="10">
            <h2 align="left" class="pagetitle">Sub Accounts</h2>
        </td>
    </tr>

    <tr>
        <th width="10%" class="heading" align="center"><bean:message key="prompt.editVtierAttribute.action" /></th>
        <th align="center" class="heading"><bean:message key="report8.header.account" /></th>
        <th align="center" class="heading"><bean:message key="report8.header.homeDir" /></th>
        <th align="center" class="heading"><bean:message key="report8.header.primaryGroup" /></th>
        <th align="center" class="heading"><bean:message key="report8.header.addToGroup" /></th>
    </tr>

    <tr style="" class="<%=className%>">
        <input type="hidden" name="vtierId" value="<%=vtierId%>" />
        <td align="center" valign="bottom" class="<%=className%>">
            <img name="subAccId" id="<%=subAccountUtil.getId().get(i)%>" onclick="deleteTableRow(this);" 
                 src="images/trashcan.gif" title="Delete SubAccount" border="0" class="clientActions" />
        </td>
        <td align="center" valign="bottom" class="<%=className%>">
            <input type="text" name="subAcc" value="<%= (String)subAccountUtil.getSubAccountName().get(i) %>" 
                   onchange="updateSubAccount(this);" />
        </td>
        <td align="center" valign="bottom" class="<%=className%>">
            <input type="text" name="subHomeDir" value="<%= (String)subAccountUtil.getSubAccountHomeDir().get(i) %>" 
                   onchange="updateSubAccount(this);" />
        </td>
        <td align="center" valign="bottom" class="<%=className%>">
            <input type="text" name="subPriGroup" value="<%= (String)subAccountUtil.getSubAccountPrimaryGroup().get(i) %>" 
                   onchange="updateSubAccount(this);" />
        </td>
        <td align="center" valign="bottom" class="<%=className%>">  </td>
        <td align="center" valign="bottom" class="<%=className%>">  </td>
    </tr>
</table>

现在我想在这里使用数组objArr中的值填充表行，其中包含的值如

0)1234, ~, tedtds, tedtds etc.

如何使用此数组中的值填充表格列（文本框）？

Answer 1

您可以使用while或for all语句构建一个html字符串，然后使用该html设置div的内容。

var table1 = "<table>"
var table3 = "</table>"

for (x in array1)
  {
  table2 = table2 + "<tr><td>" +array1[x] + "</td></tr>"
  }

var table4 = table1 + table2 + table3

var mydiv = document.getElementById('mydiv1')
mydiv1.innerHTML = table4

Answer 2

我建议你使用一个现有的模板框架，而不是试图重新发明轮子......

jsrender可行，但我发现knockout更快更容易......

http://github.com/BorisMoore/jsrender

http://knockoutjs.com

JavaScript：如何使用数组中的值填充表行

2 个答案: