Question

所以基本上我试图在 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%">&times;</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 + "€";
}

为什么 onChange 事件只调用一次？

0 个答案: