时间戳

首页 > 解决方案 > 如何动态分配表 ID？

javascript - 如何动态分配表 ID？

问题描述

我正在编写一个运行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>

你能解释一下我需要改变什么吗？

标签： javascriptphphtml

解决方案

<?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>

推荐阅读