javascript - 当每行都有自己的动态值时，动态 php 行仅将第一行的值提供给 javascript 函数

Question

我已经玩了一段时间了，我无法让每一行发送其显示到 JavaScript 函数的特定值，无论单击哪一行，都只发送第一行值？

我需要根据 mysql 结果发送每个特定行的值。

下面是我的代码，它仅发送第一行的值。

<?php
require 'core/init.php';

$records = array();

$result = ("(SELECT * FROM message ORDER BY id DESC LIMIT 25)ORDER BY id ASC");
$results = ($db->query($result));

if($results->num_rows){
    while($row = $results->fetch_object()){
        $records[] = $row;
    }
    $results->free();
}

if(!count($records)){
    echo 'no records';
}else{
    ?>
    <table>
    <?php
    foreach ($records as $r){
    ?>
        <tr>
            <td><div id="modOptions" onclick="modOptions()"><?php echo escape($r->sender); ?></div></td>
            <td><?php echo escape($r->message); ?></td>

            <input type="hidden" id="modOptionsIp" value="<?php echo escape($r->ip); ?>"/>
            <input type="hidden" id="modOptionsSender" value="<?php echo escape($r->sender); ?>"/>
            <input type="hidden" id="modOptionsMessage" value="<?php echo escape($r->message); ?>"/>
        </tr>
    <?php
    }
    ?>
    </table>
<?php
}
?>

它显示一切正常，只是没有给出每一行的特定值

非常感谢任何指点。

Answer 1

更改 js modOptions 函数，使其可以接受参数

function modOptions(ip, sender, message) {
    //ip sender and message are from the row you clicked on
}

并像这样渲染 onclick:

onclick="modOptions('<?php echo escape($r->ip); ?>', '<?php echo escape($r->sender); ?>', '<?php echo escape($r->message); ?>' );"

你现在拥有的那些隐藏字段没有用了