如何使用JavaScript調用asp：Button OnClick事件？

Question

我有一個問題，我有一個像下面的一個按鈕：

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

然後我有HTML按鈕像象下面這樣：

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

我有以下的javascript：

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

我現在的問題是，如何從HTML按鈕調用asp：Button OnClick？我讀過你可以通過從Id調用Id來做到這一點，但不工作。

任何幫助將真正感激它。

謝謝

Answer 1

設置style= "display:none;"。通過設置visible=false，它不會在瀏覽器中呈現按鈕。因此，客戶端腳本不會執行。

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

HTML標記應該是

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

更改JavaScript以

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

Answer 2

如果你打開使用jQuery：

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

此外，如果你正在使用.NET 4或更好的，你可以使ClientIDMode == static和簡化代碼：

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

參考：MSDN Article for Control.ClientIDMode