一度クリックすると検索ボタンを無効にする方法

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>