使用javascript button控制項

來源:互聯網
上載者:User

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void Button1_Click(object sender, EventArgs e)    

{

         this.TextBox1.Text = "happy new year!";

     }

    protected void Button2_Click(object sender, EventArgs e)   

  {

         this.TextBox1.Text = "happy new year!happy new year!";    

 }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">     <title>無標題頁</title> <script language="javascript" type="text/javascript"> // <!CDATA[

function TextBox1_onkeydown()

{

if(event.keyCode==13)

{

    __doPostBack("Button2","");

 }

 } // ]]>

</script>

 </head>

<body>

    <form id="form1" runat="server" >

    <div>

        <asp:TextBox ID="TextBox1" onkeydown="return TextBox1_onkeydown()" runat="server"></asp:TextBox>

         <br />      

    <asp:Button ID="Button1"  runat="server" Text="Button1" OnClientClick="return confirm('are you true?')" OnClick="Button1_Click" />        

<br />     

     <asp:Button ID="Button2"  runat="server" Text="Button2"  OnClick="Button2_Click" />     

    <asp:DropDownList ID="DropDownList1" Width="0px" runat="server" AutoPostBack="True">         </asp:DropDownList>

</div>   

  </form>   

  </body>

</html>

 

-----------------------------------------------------------------------------------------------------------------------------------------------

此頁面有一個文字框和兩個按鈕 ,

第一個按鈕點擊後彈出確認框,

如果使用者點擊確定後再回傳給伺服器,

如果點擊取消則不回傳給伺服器,

第二個銨鈕則直接提交給伺服器,

當使用者在文字框按下加車鍵時,

觸發button2的單擊事件,提交回伺服器執行,

更改文字框的值. 要做到這一點需要將一個dropdownList控制項加入到此頁面,

並將autopostback屬性設為true,

這樣做的原因是會在頁面上自動產生__dopostBack()函數,

以方便我們在javascript中調用.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.