需要 Javascript 来定位由 PHP 循环的单个 div

Question

我设法创建了一个 PHP 循环，它接受一个数组并创建同一个按钮的多个副本，而每个按钮都有自己的标识（“adiv_1”、“adiv_2”、“adiv_3”等）。我有一个 javascript 函数，它能够“在它被称为 'adiv' 之前”获取一个按钮，并在单击它时更改按钮的文本。

但是，由于 PHP 循环将其命名为“adiv_1 或 adiv_2 或 adiv_3”，我不知道如何创建一个 javascript 函数，该函数可以使用循环使用不同标识 div 标记的按钮之一并获取 javascript 来识别如果单击该组中的某个按钮，则每一个。有人可以帮忙吗？

创建按钮组的 PHP 循环

<?php

$array_query = mysql_query("SELECT * FROM person_finder_info");

$i = 0;

while($search_row = mysql_fetch_array($array_query)){
?>
    <p><button type="button" onclick='load()'><div id='adiv_<?php echo $i?>'>Add this person</div></button></p>
<?php
$i++;
}
?>

更改按钮文本的 Javascipt / AJAX 函数（通过在 PHP 文件中获取回显信息）

//Changes button text to "You added him!"
function load(){                                    
    if (window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
    } else{
            xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
            document.getElementById("adiv_1").innerHTML =      xmlhttp.responseText;
        }

    }

xmlhttp.open('GET','include.inc.php', true);
xmlhttp.send();

Answer 1

这是基本的，但我认为你正在尝试做这样的事情，只需像在另一个函数中一样在 onreadystatechange 函数内循环，以显示你想要在那里处理所有按钮的内容。：

<?php
for($i = 0; $i < count($array); $i++) 
{
?>
    <p><button type="button" onclick='load()'><div id='adiv_<?php echo $i;?>'>Add this person</div></button></p>
<?php
}
?>

<script>
//Changes button text to "You added him!"
function load(){                                    
    if (window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
    } else{
            xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
    <?php
    echo "var divArray = {";
    for($i = 0; $i < count($array); $i++) 
    {
       echo "'adiv_".$i."'".($i < $count-1 ? "," : "");
    }
    echo "};" /// after the loop this will output like var divArray = {'adiv_1','adiv_2', ... };
    ?> 

    for (var i = 0; i < divArray.length; i++) {                         
        document.getElementById(divArray[i]).innerHtml(dataFromResponse[i]); // assuming you've processed the response from AJAX into an array

    }
  }
}

xmlhttp.open('GET','include.inc.php', true);
xmlhttp.send();
</script>

我无法帮助您设置所有按钮 innerHTML，因为我不知道您从 AJAX 得到什么样的响应。这只是为了引导您朝着正确的方向前进。