我可以将数组传递给 HTML 吗？使用 php/javascript 创建动态 html 表答案

【问题标题】：Can i pass array to an HTML? Creating a dynamic html table with php/javascript我可以将数组传递给 HTML 吗？使用 php/javascript 创建动态 html 表
【发布时间】：2019-12-12 18:52:01
【问题描述】：

我创建了一个包含 3 列和行的表，其大小与从数据库中提取的数组大小相同。我得到了值，但我想在单元格内创建一个名称为pname 的按钮，当您单击该按钮时，它会将您带到 plink 的值。我尝试使用<input type="button" value=" " onclick="window.open( )"，但它似乎没有通过数组。我确信使用 JavaScript 有一种更简单/更好的方法，但我不熟悉 JavaScript。请帮帮我。这是我的代码。

我想要格式 3 列和无限行（基于数据）。

    <!DOCTYPE html>

    $pname = array();
    $plink = array();
    $results = $wpdb->get_results("SELECT name, link FROM `wptable`);
    if(!empty($results)) {
       foreach($results as $row){
        $pname[] = $row->name;
        $plink[] = $row->link;
       }
    }

    $num = 0;
    echo "<table class='table'>";
    echo "<tbody>";
    echo "<br><br>";

    $quant_row = count($pname)/3;
    $quant_col = 3;

    for ($count_row = 0; $count_row < $quant_row; $count_row++) 
    {
        echo "<tr>";

        for ($count_col = 0; $count_col < $quant_col; $count_col++) 
        {

                echo "<td>";
                echo $plink[$num];
                echo "</td>";
                $num++;

       }
        echo "</tr>";
    }
    echo "</tbody>";
    echo "</table>";

    ?>

【问题讨论】：

标签： javascript php html wordpress

【解决方案1】：

你只需要echo一个锚点内的按钮：

echo '<a href="' . $plink[$num] . '"><button type="button">' . $pname[$num] . '</button></a>';

【讨论】：

【解决方案2】：

试试这个。

echo "<td>";
echo "<button onclick=\"Document.getElementById('link$num').display=state$num? 'none' :'block';state$num=!state$num; \">". $pname[$num] ."</button><div id='link$num'>". $plink[$num]."<div>";

回声“”；

当您单击 $pname 时，您会显示 $plink。重新点击并隐藏内容

【讨论】：