所以基本上我试图在 php 文件中使用 onChange() 事件,所以我必须包含一个 javascript 但它只能工作一次。
如果我把代码放在这里会更容易:
所以在这里我只是使用 foreach 显示了一些数据并将其放入卡片中,甚至不用费心阅读这个我只是为了让您知道我使用了 foreach。
foreach ($menu as $mnu) { if ($mnu["cat_id"] == $cat["cat_id"]) { ?>
<div class="col-6 mb-2">
<div
class="card border-left-success shadow"
data-toggle="modal"
data-target="#ID<?php echo $mnu[" mnu_id "]; ?>"
>
<img
class="card-img-top"
src="../../assets/img/menu/<?php echo $mnu[" mnu_lien "]; ?>"
style="max-height: 200px;"
alt="Card image"
>
<div class="card-body">
<div class="row">
<div class="col">
<div class="text-xs font-weight-bold text-success text-uppercase ">
<?php echo $mnu["mnu_titre"]; ?>
</div>
<div class="h5 font-weight-bold text-gray-800">
<?php echo $mnu["mnu_prix"]; echo "€"; ?>
</div>
</div>
<div class="col-auto">
<i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
</div>
</div>
</div>
<a class="btn btn-primary stretched-link " style="color:white;">Go somewhere</a>
</div>
</div>
现在当我点击卡片时会出现一个模态。 Page image
<div
class="modal "
id="ID<?php echo $mnu["
mnu_id "]; ?>"
tabindex="-1"
role="dialog"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<img
class="card-img-top"
src="../../assets/img/menu/<?php echo $mnu[" mnu_lien "]; ?>"
style="max-height: 200px;"
alt="Card image"
>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="false" style="margin-left: -200%">×</span>
</button>
</div>
<div class="modal-body">
<strong> <?php echo $mnu["mnu_titre"]; ?></strong>
<p>
<?php echo $mnu["mnu_discription"]; ?>
</p>
这就是问题所在。即使在 foreach 循环中,我的 oninput 也只能工作一个。 Page image
<input
type="number"
min=1
value=1
id="mySelect"
oninput="myFunction(<?php echo $mnu[" mnu_prix "]; ?>)"
style="width: 30%;"
/>
</div>
这里是js代码。
function myFunction(m) {
var x = 1
x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = x * m + "€";
}