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

Question

我创建了一个包含 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>";

    ?>

Answer 1

您只需要在锚点内echo一个按钮：

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

Answer 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。 重新单击并隐藏内容

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

问题描述

2 个解决方案

解决方案1
0 2019-12-12 19:41:31

解决方案2
0 2019-12-12 20:37:59

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

问题描述

2 个解决方案

解决方案1 0 2019-12-12 19:41:31

解决方案2 0 2019-12-12 20:37:59

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

解决方案1
0 2019-12-12 19:41:31

解决方案2
0 2019-12-12 20:37:59