Javascript 将数据插入弹出窗口(需要帮助)
我制作了一个弹出窗口,假设它连接到MySQL,但我有两个按钮,它假设为自己(个人)插入数据。当前,当我按下1按钮时,一切正常,但当我按下第2按钮时,显示第一个按钮的数据。我试着上网,但找不到任何对我有帮助的东西。 我的代码:Javascript 将数据插入弹出窗口(需要帮助),javascript,php,mysql,database,Javascript,Php,Mysql,Database,我制作了一个弹出窗口,假设它连接到MySQL,但我有两个按钮,它假设为自己(个人)插入数据。当前,当我按下1按钮时,一切正常,但当我按下第2按钮时,显示第一个按钮的数据。我试着上网,但找不到任何对我有帮助的东西。 我的代码: //获取模态 var modal=document.getElementById('myModal'); //获取打开模式对话框的按钮 var btns=document.getElementsByClassName(“myBtn”); //获取关闭模态的元素 var s
//获取模态
var modal=document.getElementById('myModal');
//获取打开模式对话框的按钮
var btns=document.getElementsByClassName(“myBtn”);
//获取关闭模态的元素
var span=document.getElementsByClassName(“关闭”)[0];
//当用户单击该按钮时,打开模式对话框
对于(变量i=0;i
post你以前做过的html和js我添加了我用的代码
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "megadrop";
// Create connection
$conne = new mysqli($servername, $username, $password, $dbname);
//check connection
if ($conne->connect_error) {
die("Connection failed: " . $conne->connect_error);
}
$sql = "SELECT * FROM uslugi";
$result = $conne->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($rowe = $result->fetch_assoc()) {
echo "<!-- The Modal -->";
echo "<div id='myModal' class='modal'>";
echo "<!-- Modal content -->";
echo "<div style='width:700px;height:300px;margin-top: 100px' class='modal-content'>";
echo "<div class='modal-header'>";
echo "<span class='close'>×</span>";
echo "<h2>".$rowe['nazwa']."<h2>";
echo "</div>";
echo "<div class='modal-body'>";
echo "<p>".$rowe['nazwa']."<p>";
echo "</div>";
echo "</div>";
echo "</div>";
}
}
$conne->close();
?>
<script>
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btns = document.getElementsByClassName("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
for (var i = 0; i < btns.length; i++) {
btns[i].onclick = function() {
modal.style.display = "block";
}
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<?php
if(isset($_SESSION['zalogowany']))
echo "<p id='bczalogowany'>Jestes Zalogowany Do Panelu Gracza!</p>";
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "megadrop";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT id, nazwa, opis, cena, komenda, img, zakupiono FROM uslugi";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($usg = $result->fetch_assoc()) {
echo "<div class='usg'>";
echo "<p class='usg1'><img src='{$usg['img']}' width='75px; height: 75px;'</img></p> <br><br><br>";
echo "<p class='usg2'>".$usg['nazwa']."</p>";
echo "<p class='usg3'>".$usg['opis']."</p>";
echo "<p class='usg4'>".$usg['cena']."</p>";
echo "<button class='myBtn'>KUP ".$usg['nazwa']."</button>";
echo "</div>";
}
}
$conn->close();
?>