我正在使用引導(dǎo)程序以及 foreach 循環(huán)從 div 中的 mysql 打印數(shù)據(jù)。每個(gè) div 都有一個(gè)“Ordered”按鈕,它應(yīng)該更改數(shù)據(jù)庫(kù)中的一些數(shù)據(jù),并更改特定 div 的背景顏色。我使用 onclick 函數(shù)將 div 的 id 發(fā)送到 url 并重新加載頁(yè)面。當(dāng)我嘗試使用函數(shù)內(nèi)的引導(dǎo)程序類(lèi)更改 div 的顏色時(shí),它只是閃爍片刻,并使用先前的顏色重新加載頁(yè)面。有人能看到我做錯(cuò)了什么嗎?window.addEventListener("load", function(){ let params = new URLSearchParams(location.search); if(params.get("num")) { <?php $id = $_GET['num']; $dbh = new PDO('mysql:host=...;dbname=...', '...', '...',[ PDO::ATTR_DEFAULT_FETCH_MODE=>PDO::FETCH_ASSOC]); $stmt = $dbh->prepare('UPDATE orders SET status = 1 WHERE id = ?'); $stmt->execute([$id]); $result = $stmt->fetchAll(); ?> document.getElementById(num).style.backgroundColor = '#fcf3d4'; alert("after the page gets reloaded"); } }); function change(num) { var number = num; alert("before page gets reloaded"); window.location.href = "http://ecohfood.com/login_success.php?num=" + number; }<div class="col-6" id="<?php echo $v['id']; ?>"> <div id="bottom"> <button type="button" id="b<?php echo $v['id']; ?>" class="btn btn-success" onclick="document.getElementById('<?php echo $v['id']; ?>').style.backgroundColor = '#fcf3d4'; change(<?php echo $v['id']; ?>);">Ordered</button> <button type="button" class="btn btn-danger" onclick="del(<?php echo $v['id']; ?>)">Delete</button> </div>
重新加載頁(yè)面后,在javascript函數(shù)中按id更改div的顏色
翻翻過(guò)去那場(chǎng)雪
2021-06-29 13:57:30