如何在点击后禁用搜索按钮

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

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

任何帮助将不胜感激！

来源

2017-04-10 Ajeez Mohd

那你审视自己？看看onclick事件。 –

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

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

来源

2017-04-10 04:04:40

谢谢。但是我怎么能把这个嵌入到上面的代码中。我可以在 –

之后添加一个id给你的按钮，比如'

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>

来源

2017-04-10 04:07:31

它不起作用，代码显示在搜索图标附近。 \t '/> function disableBtn（）{ document.getElementById（“btn”）。disabled = true; } –

如何在点击后禁用搜索按钮

回答

相关问题