javascript - 仅当用户按下提交按钮时触发脚本

Question

我正在通过函数执行脚本

<script language="javascript">
  function showVariantDetail(str) {
    url = "insurancemodel.php?ncvd=" + str;
    getRequest(url, "txtVariantDetails");
  }
</script>

脚本通过完美执行

<div id="txtVariantDetails">
</div>

但是我希望脚本在用户按下提交按钮时执行

<div class="search-box-left"></div>
<div class="search-box-right">
  <input name="" type="submit" value="Calculate" class="red-btn" />
</div>

任何人都可以指导如何确保仅当用户按下提交按钮时txtVariantDetails 脚本才被处理

谢谢

标签： javascriptphpforms

Answer 1

如果您不想处理 jQuery：

let redButton = document.querySelector(".red-btn");
redButton.addEventListener("click",function(e){
    e.preventDefault();
    let buttonValue = redButton.value;
    showVariantDetails(buttonValue);
    });