如何將PHP中的特定（生成的）變量發送到JavaScript？

Question

我有一個PHP頁面，該頁面在搜索功能中生成不同的發票，並且每個發票都有一個表，當用戶單擊按鈕（通過JavaScript）時會顯示該表。 問題是如何向JavaScript發送特定的按鈕ID。 到目前為止，這是我的代碼。

echo '<input type="submit" onclick="newDisplay()" style="padding: 5px;width: 90px;" value="Add Receipt">';

和

$idName = 'myForm' . $job['id'];
echo '<table style="display:none;width:100%;" id="' . $idName . '">';

然后，JavaScript為：

function newDisplay() {
        document.getElementById('<?php echo $idName; ?>').style.display = 'block';
    }

如果為每個發票生成了一個按鈕，是否可以發送元素ID和發票ID，以便僅顯示一個特定的表？ 我可以將作業ID連接到myForm，但是如何使用JavaScript進行檢查呢？

編輯：我嘗試了串聯，但JavaScript接起了最后一個。

Answer 1

你可以做這樣的事情

 echo '<input type="submit" id="' . $id .'" data="" onclick="newDisplay(this.id)" style="padding: 5px;width: 90px;" value="Add Receipt">';

並且在javascript中

function newDisplay(id) {
//doanything with the id
        document.getElementById('myForm').style.display = 'block';
    }

您還可以訪問要在js中發送的任何其他屬性，例如

function newDisplay(id) {
 let my_attr=$("#"+id).attr("data");
    //doanything with the id
            document.getElementById('myForm').style.display = 'block';
        }

如果您的ID是數字，那么您可能需要在此之前附加任何字母或單詞

echo '<input type="submit" id="my_' . $id .'" data="" onclick="newDisplay(this.id)" style="padding: 5px;width: 90px;" value="Add Receipt">';

然后在js中，您可以像

function newDisplay(id) {
var myid=id.split("_");
//doanything with the myid[1]
        document.getElementById('myForm').style.display = 'block';
    }