如何动态分配表 ID？

Question

我正在编写一个运行for循环的 PHP 脚本。我在循环内创建多个表，我想根据循环动态命名这些表。我已经尝试了以下代码，但它不起作用：<table id="gameweek_history<? echo $i; ?>"><script>function doCSV<? echo $i; ?>() {    var table1 = document.getElementById("gameweek_history<? echo $i; ?>").innerHTML;<button onclick="doCSV(<? echo $i; ?>)">Export HTML Table To CSV File</button>你能向我解释一下我需要改变什么吗？

Answer 1

<?php

$count = 3;

for($i=0; $i<$count; $i++) {

?>

    <table id ="gameweek_history<?php echo $i; ?>">

            <script>function doCSV<?php echo $i; ?>() {

            var table1 = document.getElementById("gameweek_history<?php echo $i; ?>").innerHTML;

            <button onclick="doCSV(<?php echo $i; ?>)">Export HTML Table To CSV File</button>

    </table>

<?php

}

?>

给出输出：

<table id ="gameweek_history0">

            <script>function doCSV0() {

            var table1 = document.getElementById("gameweek_history0").innerHTML;

            <button onclick="doCSV(0)">Export HTML Table To CSV File</button>

    </table>

    <table id ="gameweek_history1">

            <script>function doCSV1() {

            var table1 = document.getElementById("gameweek_history1").innerHTML;

            <button onclick="doCSV(1)">Export HTML Table To CSV File</button>

    </table>

    <table id ="gameweek_history2">

            <script>function doCSV2() {

            var table1 = document.getElementById("gameweek_history2").innerHTML;

            <button onclick="doCSV(2)">Export HTML Table To CSV File</button>

    </table>

Answer 2

您应该从您的 javascript 中删除 PHP 代码。这样写：

<script>function doCSV(i) {

   var table1 = document.getElementById("gameweek_history"+i).innerHTML;

   // do something here with table1

</script>

<table id ="gameweek_history<? echo $i; ?>">

<button onclick="doCSV(<? echo $i; ?>)">Export HTML Table To CSV File</button>