Question

我需要在点击后禁用搜索按钮。这需要附加在以下代码中。

<form class="search-head" id="frmSearch" action="<%= resultString %>" method="get">
    <input name="q" class="<%=cssName%> search-tags" id="tags" value="q" maxlength=50 />

    <input type="hidden" name="_charset_" value="utf-8" />
    <input type="hidden" id="searchLabel" name="searchLabel" value='<%=currentStyle.get("searchLabel", "")%>' />
        <c:if test="${enableSpringerSearch eq true}">
            <button type="button" class="change-search-engine">${springerButtonLabel}</button>
        </c:if>
    <button type="submit"><fmt:message key="label_button"/></button>

非常感谢任何帮助！

Answer 1

您可以创建一个单独的函数来处理它：

document.getElementById("idOfButton").onclick = function() {
    //disable
    this.disabled = true;
}

Answer 2

function disableBtn() {
    document.getElementById("btn").disabled = true;
}

<input type="hidden" name="_charset_" value="utf-8" />
<input type="hidden" id="searchLabel" name="searchLabel" value='<%=currentStyle.get("searchLabel", "")%>' />
    <c:if test="${enableSpringerSearch eq true}">
        <button id="btn" type="button" onclick="disableBtn()"  class="change-search-engine">search</button>
    </c:if>
<button type="submit"  ><fmt:message key="label_button"/></button>

如何在单击时禁用搜索按钮

2 个答案: