Question

我有这张桌子：

 <% for(int i = 0; i < result.length; i++)  { %>

<tr id='player-listing-<%=i %>'>
    <td style="vertical-align: top;"><button onclick="myFunction2(<%=i%>)"id="add<%= i %>">Add</button><br></td>
    <td style="vertical-align: top;"id="Position<%= i %>"><%= result[i][1] %><br></td>
    <td style="vertical-align: top;"id="Player<%= i %>"><%= result[i][3]+" "+result[i][4] %><br></td>
    <td style="vertical-align: top;"id="Team<%= i %>"><%= result[i][7] %><br></td>
    <td style="vertical-align: top;"id="Opponent<%= i %>"><%= result[i][8] %><br></td>
    <td style="vertical-align: top;"id="Projected<%= i %>"><input id="projPoints<%= i %>" name="numLineups" style="width: 35px" value="<%= result[i][5] %>"><br></td>

    <td style="vertical-align: top;"id="Salary<%= i %>"><%= result[i][2] %><br></td>
<tr>

并且该表的添加按钮将该行复制到该表：

<table id='selected-players' style="text-align: top; " border="0" cellpadding="5" cellspacing="2">

<tr>
    <td style="vertical-align: top;">0/55<br></td>
    <td style="vertical-align: top;">Pos<br></td>
    <td style="vertical-align: top;">Player<br></td>
    <td style="vertical-align: top;">Team<br></td>
    <td style="vertical-align: top;">Opponent<br></td>
    <td style="vertical-align: top;">Projected<br></td>
    <td style="vertical-align: top;">Salary<br></td>
</tr>
</table>

使用此功能：

function myFunction2(i){
    var table = document.getElementById('selected-players');
    var copyRow = document.getElementById('player-listing-'+i).cloneNode(true);
    copyRow.setAttribute('id', 'selected-row-'+i);
    copyRow.cells[0].innerHTML = '<button onclick="removeRow(this, ' + i + ')">Remove</button>';
    copyRow.cells[5].innerHTML = document.getElementById("projPoints"+i).value;
    table.appendChild(copyRow);
    document.getElementById("add"+i).disabled = true;
}

我希望此功能还可以将“所选玩家”表的第一个单元格更新为添加的行数。例如，如果按下三行的添加按钮，结果将是“3/55”

Answer 1

你的问题形成得不是很好，所以你得到的答案很差。

在你的函数外部设置一个变量（例如numPlayersSelected，跟踪你添加的玩家数量。当你添加一个玩家时增加它，然后将0/55单元格的innerHTML设置为{{1} }（或numTotalPlayers）。

jsFiddle example

从脚本编辑表的innerHTML

1 个答案: