javascript - HTML onclick 函数不起作用

Question

我想知道为什么我的 onclick 函数在这种特殊情况下不起作用。我的功能是一个非常简单的警报:

function confirmEditProduct(editProductID){
      alert("Worked");
  }

这是我在 PHP 中回显的 HTML 代码:

    echo "
      <img src='$directory/$productImage' width='200px;'></img><br><br>
      <p>Product Name: <p><input type='text' id='editName' name='editName' style='width:400px;' value='$productName'/>
      <p>Category:
          <select class='form-control' id='editCat' style='width:200px;' disabled>
            <option value='Cacti'"; if ($productCategory == '1') echo " selected='selected'"; echo ">Cacti</option>
            <option value='Succulents'"; if ($productCategory == '2') echo " selected='selected'"; echo ">Succulents</option>
          </select>

      <p>Description: <p><textarea rows='4' cols='50' id='editDesc' name='editDesc'>$productDesc</textarea>
      <p>Price: <input type='text' id='editPrice' name='editPrice' value='$productPrice'/>
      <p>Image: <input class='input-group' type='file' id='editImage' name='editImage' accept='image/*' />
      <p>Stock: <input type='text' id='editStock' name='editStock' value='$productStock'/>
      <p>
      <input type='button' class='btn btn-success' id='$productID' onClick='confirmEditProduct($productID);' value='Edit Product' />


  ";

这个片段是模态 btw 的一部分。

感谢所有能帮助我的人

Answer 1

这看起来很简单。你也在呼应 Javascript 吗？如果是这样，请采取额外的预防措施并将其移到 HTML 代码之前。您可能需要考虑的其他一些事情包括将输入按钮变成直上按钮并省略 onclick 属性末尾的分号。至于样式，您可能希望将 value 属性放在 type 属性之后。希望这对您有所帮助!

编辑:当我的意思是回应 Javascript 时，请确保你有一个 <script src="main.js">或您的回显代码中的整个脚本。