Question

我正在使用提交按钮汇总表单的网页，但我也想按下按钮激活JavaScript功能，该功能将禁用搜索按钮并启用按钮以重置搜索字段并重新启用搜索按钮。这是当前按钮上的代码：

<input id="Search" type="submit" value="Search" onclick="SearchOff()"></input>

这是JavaScript函数背后的代码：

function SearchOff() {
     document.getElementById("Search").disabled = true;
     document.getElementById("Reset_Search").disabled = false;
     document.getElementById("[All other relevant fields]").disabled = true;
     var x = document.getElementsByTagName("form");
     x[0].submit();// Form submission
     return true;
}

（我已经匿名化了应用程序的实际功能，但它只是将数据输入到由其他JavaScript处理的表单中）

JavaScript确实有效，但当onclick="SearchOff()"在代码中时，type=submit函数会被覆盖。有没有办法让这两个功能都起作用？正如您所看到的，我已经尝试使用JS代码的底部两行，但是在代码中没有onclick="SearchOff()"。我也试过没有这个，并遇到了同样的问题。

如何让两个功能同时工作？

Answer 1

您是否尝试过this想法？

function searchOff(event) {
  //No submission yet.
  event.preventDefault();

  //Disable buttons.
  document.querySelector('[type=submit]').disabled = 'disabled';

  //Submit the form.
  document.querySelector('form').submit();
}

单击按钮时阻止表单提交，禁用需要禁用的按钮，然后自行提交表单。

Answer 2

我决定尝试从头开始重新输入公式，因为某些原因，这个公式起作用。我认为关键是不要复制和粘贴任何实际的公式，而只是复制要搜索和计算的文本。这就是我做的所有不同的事情，我希望阅读本书可以帮助那些阅读此内容的人。

尝试使用Type =和OnClick =使两个函数与一个按钮相关联

2 个答案: