我可以將數組傳遞給 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