如何在不重新加載頁面的情況下獲取asp窗體中的按鈕？

Question

所以我有這個更新面板，它運作良好。

<div> 
     <button id="foo" onclick="changeVal(this.id);">Send the ID "foo"...</button> 
    </div> 

<form runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server" > 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Always"> 
<ContentTemplate> 

<div id="thethetext"> 
<asp:Literal ID="thetext" runat="server"></asp:Literal> 
</div> 

</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="myButton" EventName="Click"/> 
</Triggers> 
</asp:UpdatePanel> 



    **<!-- MOVE BUTTON (ID="foo") OVER HERE TO DISPLAY IT UNDER THE LITERAL -->** 

<asp:HiddenField ID="blah" runat="server" value="Initial Value"></asp:HiddenField> 
<asp:Button ID="myButton" Text="Get Concatenated..." OnClick="Test" runat="server"></asp:Button>  
</form> 

但是，我想要移動asp窗體中的按鈕（id爲「foo」）。所以它顯示在Literal用戶控件下面......但是如果我這樣做了，每次點擊它，它都會重新加載頁面。無論如何要避免這種情況？謝謝！ 。

Answer 1

它重新加載頁面，因爲您的按鈕提交您剛剛把它的形式 給你的按鈕與價值button屬性type，所以它不會提交：

<div> 
<button type="button" id="foo" onclick="changeVal(this.id);">Send the ID "foo"...</button> 
</div> 

參考：W3C HTML 4.01 Specification