페이지를 다시로드하지 않고 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 양식 안에 (foo라는 ID로) 버튼을 이동하고 싶습니다. 그래서 그것은 리터럴 사용자 정의 컨트롤 아래에 표시됩니다 ...하지만 그렇게 할 경우 클릭 할 때마다 페이지가 다시로드됩니다. 그걸 피하기 위해 어쨌든 있습니까? 감사! .

당신의 버튼은 단지에 배치 한 양식을 제출하기 때문에 페이지를 다시로드

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