gpt4 book ai didi

javascript - 尝试使用 Type= 和 OnClick= 使两个功能与一个按钮相关联

转载 作者:行者123 更新时间:2023-11-30 20:58:15 24 4
gpt4 key购买 nike

我正在处理一个网页,其中提交按钮汇总了一个表单,但我还想按下该按钮以激活一个 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 代码的底部 2 行对此进行了尝试,但这是在代码中没有 onclick="SearchOff()" 的情况下完成的。我也试过没有这个,但遇到了同样的问题。

如何让这两个功能同时发挥作用?

最佳答案

你试过了吗this想法?

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

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

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

防止点击按钮时提交表单,禁用需要禁用的按钮,然后自己提交表单。

关于javascript - 尝试使用 Type= 和 OnClick= 使两个功能与一个按钮相关联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47412233/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com