So deaktivieren Sie die Suchschaltfläche, nachdem Sie geklickt haben

Question

Ich benötige Deaktivieren der Suchschaltfläche, wenn Sie darauf klicken. Dies muss im folgenden Code angehängt werden.

<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> 

Jede Hilfe würde sehr geschätzt werden!

Answer 1

Sie können eine separate Funktion erstellen, es zu handhaben:

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>