Come chiamare un asp: pulsante evento OnClick utilizzando JavaScript?

Question

Ho una domanda, ho un pulsante mi piace qui sotto:

<asp:Button ID="savebtn" runat="server" OnClick="savebtn_Click" Visible="false" /> 

poi ho pulsante HTML come come di seguito:

<button id="btnsave" onclick="fncsave">Save</button> 

ho il javascript di seguito:

<script type="text/javascript"> 
    function fncsave() 
    { 
     document.getElementById('<%= savebtn.OnClick %>').click() 
    } 
</script> 

La mia domanda ora è, come posso chiamare l'asp: Button OnClick dal pulsante HTML? Ho letto che puoi farlo chiamando da JavaScript da ID ma non funziona.

Qualsiasi aiuto sarà davvero apprezzato.

Grazie

Answer 1

Set style= "display:none;". Impostando visible=false, non verrà visualizzato il pulsante di rendering nel browser. Pertanto, lo script lato client non verrà eseguito.

<asp:Button ID="savebtn" runat="server" OnClick="savebtn_Click" style="display:none" /> 

Tag HTML dovrebbe essere

<button id="btnsave" onclick="fncsave()">Save</button> 

Change javascript per

<script type="text/javascript"> 
    function fncsave() 
    { 
     document.getElementById('<%= savebtn.ClientID %>').click(); 
    } 
</script> 

Answer 2

Se siete aperti a utilizzando jQuery:

<script type="text/javascript"> 
function fncsave() 
{ 
    $('#<%= savebtn.ClientID %>').click(); 
} 
</script> 

Inoltre, se si utilizza .NET 4 o superiore è possibile creare il ClientIDMode == static e semplificare il codice:

<script type="text/javascript"> 
function fncsave() 
{ 
    $("#savebtn").click(); 
} 
</script> 

Riferimento: MSDN Article for Control.ClientIDMode