Как динамически передать идентификатор во всплывающее окно с помощью переполнения стека

Как передать идентификатор динамически во всплывающее окно, используя php? Мне нужно автоматически увеличить значение идентификатора во всплывающем окне. Пожалуйста, помогите мне решить эту проблему.

include("config.php");

$query=mysql_query("select * from reports_form");
while($row=mysql_fetch_array($query))
{
$id=$row['id'];
$job_detail1 = $row['job_description']; ?>
<script>
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}</script>

<td align="center"> <div class="popup" onclick="myFunction()">
<a href="#myPopup<?php echo $id; ?>"> Click me!</a>

<span class="popuptext"  id="myPopup"><?php echo "$job_detail1";?>            </span>
</div></td>

</tr>

<?php
}
?>

2

Решение

Привет, во-первых, вы не должны использовать ваш скрипт в цикле, а передавать переменную вашей функции.

?>
<script>
function myFunction(id) {
var popup = document.getElementById("myPopup");
console.log(id)
popup.classList.toggle("show");
}
</script>
<?php
include("config.php");
$query=mysql_query("select * from reports_form");
while($row=mysql_fetch_array($query))
{
$id=$row['id'];
$job_detail1 = $row['job_description']; ?>

<td align="center"> <div class="popup" onclick="myFunction(<?php echo $id;?>)">
<a href="#myPopup<?php echo $id; ?>"> Click me!</a>

<span class="popuptext"  id="myPopup"><?php echo "$job_detail1";?>    </span>
</div></td>

</tr>

<?php
}
?>

Второй рабочий код

<?php
//your prev code here
?>
<script>
function myFunction(id) {
var popup = document.getElementById("myPopup");
console.log(id)
popup.classList.toggle("show");
}
</script>
<table>
<?php

for($i=0;$i<10;$i++)
{
$id=$i;
$job_detail1 = 'desc'.$i; ?>

<td align="center"> <div class="popup" onclick="myFunction(<?php echo $id;?>)">
<a href="#myPopup<?php echo $id; ?>"> Click me!</a>

<span class="popuptext"  id="myPopup"><?php echo "$job_detail1";?>    </span>
</div></td>

</tr>

<?php
}

?>
</table>

Скриншотвведите описание изображения здесь

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]