如何解决为什么 onChange 事件只调用一次?
所以基本上我试图在 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 + "€";
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。