PHP循环生成的按钮-仅最后一个有效吗？

Question

第一次发布，PHP不是我最擅长的领域，所以这里...

下面的代码根据在数据库表中找到了多少个值生成了一个按钮列表，然后应该在单击按钮时触发第二段代码。 一切正常，除了第二段代码仅对最后生成的按钮有效。 有任何想法吗？

<?php
$username = $_SESSION['sess_user'];

$con=mysql_connect('localhost','root','root') or die(mysql_error());
mysql_select_db('user_registration') or die("cannot select DB");

$loop = mysql_query("SELECT * FROM `vaults` WHERE username = '$username' ORDER BY vaultname asc") or die ('Error Getting User Data! <br />' .mysql_error());
$chk = mysql_num_rows($loop);

$myvalue = '';
while ($row = mysql_fetch_assoc($loop)) {
$myvalue = "{$row['vaultname']}";
echo '<form method="post"><input class="text-center" type="submit" name=' . $myvalue . ' value=' .     $myvalue . ' id="vaultSelecter"></form>';
}
?>

<?php
if(isset($_POST[$myvalue])){
echo '<script type="text/javascript">window.onload = function() {     document.getElementById("instructions").innerHTML = " HELLO WORLD! "; }</script>';}
?>

谢谢大家的答复，我非常感谢。 我知道每个人都在说什么，但是我在getELementByID（）中引用的ID是与按钮分开的DIV，当我单击任意一个按钮时，我想用ID“指令”更改单个DIV的内容，但它仅适用于循环创建的最后一个按钮。 那仍然是由于我的按钮ID已确定的方式吗？

例如，上面的循环创建了三个按钮，我希望每个按钮使用“ Hello Word”更改以下DIV的内容。

<div id=instructions>
 replace this text
</div>

我猜我必须将循环创建的每个$ myvalues存储到数组中，以便可以将每个值分别分配给每个按钮，我只是不知道该怎么做。

Answer 1

您正在此行中复制ID：

echo '<form method="post"><input class="text-center" type="submit" name=' . $myvalue . ' value=' .     $myvalue . ' id="vaultSelecter"></form>';

并且ID必须是唯一的。 尝试类。 例如：

var elems = document.getElementsByClassName("text-center");
for (var i = 0; i < elems.length; i++) {
    console.log('x')
    elems[i].addEventListener('click', function () {
        alert('hello');
    }, false);
}

Answer 2

您要将多个输入分配给相同的id ，而是将它们分配给一个class因为id必须是唯一的。

您还正在为每个按钮创建一个表单，这对我来说似乎毫无意义，请尝试以下操作：

echo '<form method="post">';
while ($row = mysql_fetch_assoc($loop)) {
    $myvalue = "{$row['vaultname']}";
    echo '<input class="text-center vaultSelecter" type="submit" name=' . $myvalue . ' value=' .     $myvalue . '>';
}
echo '</form>';

名为vaultSelector的ID现在是一个类，因此可以通过getElementByClassName（）进行访问

Answer 3

代替这个：

name=' . $myvalue . ' value=' .     $myvalue . ' id="vaultSelecter"

也许尝试

name="' . $myvalue . '" value=' .     $myvalue . ' id="' . $myvalue . '"

在我看来，最好唯一地标识将用作编程元素的任何元素。

只是另一条未经请求的意见。 如果您可以将所有内容组合成一种形式，则可能会使事情变得更容易。 因此，当按钮提交时，设置一个隐藏字段并继续提交表单。