javascript检测。在回送

发表于:2007-06-30来源:作者:点击数: 标签:
body MS_POSITIONING=GridLayout form id=Form1 method=post runat=server asp:Button id=Button1 style=Z-INDEX: 101; LEFT: 16px; POSITION: absolute; TOP: 192px runat=server Text= 服务器 1/asp:Button asp:TextBox id=TextBox1 style=Z-INDEX: 102; L

<body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">  
   <asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 16px; POSITION: absolute; TOP: 192px" runat="server"
    Text="服务器1"></asp:Button>  
   <asp:TextBox id="TextBox1" style="Z-INDEX: 102; LEFT: 16px; POSITION: absolute; TOP: 24px" runat="server"
    Height="144px" Width="280px" TextMode="MultiLine"></asp:TextBox>
   <asp:Label id="Label1" style="Z-INDEX: 103; LEFT: 32px; POSITION: absolute; TOP: 248px" runat="server"
    Height="96px" Width="248px">Label</asp:Label>
   <INPUT style="Z-INDEX: 104; LEFT: 192px; POSITION: absolute; TOP: 192px" type="button"
    value="客户" id="bt11" onclick="aa();">
   <asp:Button id="Button2" style="Z-INDEX: 105; LEFT: 104px; POSITION: absolute; TOP: 192px" runat="server"
    Text="服务器2"></asp:Button>
   <asp:Label id="Label2" style="Z-INDEX: 106; LEFT: 312px; POSITION: absolute; TOP: 248px" runat="server"
    Width="208px" Height="88px">Label</asp:Label>
   <asp:HyperLink id="HyperLink1" style="Z-INDEX: 107; LEFT: 400px; POSITION: absolute; TOP: 32px"
    runat="server" NavigateUrl="select_test.aspx">select_text</asp:HyperLink>
  </form>
  <script language="javascript">
   function aa()
   {    
     //用这个方法获取服务器端控件的数值。用DOM对页面上的元素操作
     alert(document.getElementById(‘’TextBox1‘’).value+"---服务器控件数值");         
     //在让客户端代码触发回送事件。   
     alert("客户端触发事件");
     document.getElementById(‘’Button1‘’).click();   
   }
  
  </script>
 </body>

 private void Button1_Click(object sender, System.EventArgs e)
  {
     this.Label1.Text=this.TextBox1.Text;           
           this.Button2_Click(sender,e);//引发按扭2事件
  }

  private void Button2_Click(object sender, System.EventArgs e)
  {
    this.Label2.Text=this.TextBox1.Text;
  }



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

 <script language=javascript>
     function aa()
     {
       //alert(document.getElementById(‘’ListBox1‘’).value);//获得select第一个被选中的元素       
       //alert(document.getElementById(‘’ListBox1‘’).length)//获得多选框的总元素数目       
       //获得select里所有被选中的元素
       for (var i=0;i<document.getElementById(‘’ListBox1‘’).length;i++)//获得总长度
       {
           if (document.getElementById(‘’ListBox1‘’).options(i).selected) //检测某一元素是否被选中
               alert(document.getElementById(‘’ListBox1‘’).options(i).value);//获得某元素的数值     
       }
     }
   
    </script>

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

<body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   &nbsp;
   <asp:button id="Button1" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 128px" runat="server"
    Text="服务器" Width="0px"></asp:button><INPUT style="Z-INDEX: 102; LEFT: 128px; POSITION: absolute; TOP: 128px" onclick="aa()"
    type="button" value="客户端">
   <asp:label id="Label1" style="Z-INDEX: 103; LEFT: 40px; POSITION: absolute; TOP: 184px" runat="server"
    Width="184px" Height="80px">Label</asp:label><INPUT id="aa1" style="Z-INDEX: 104; LEFT: 40px; POSITION: absolute; TOP: 72px" type="text">&nbsp;
   <asp:textbox id="TextBox1" style="Z-INDEX: 105; LEFT: 40px; POSITION: absolute; TOP: 128px" runat="server"
    Width="0px"></asp:textbox><asp:label id="Label2" style="Z-INDEX: 106; LEFT: 416px; POSITION: absolute; TOP: 80px" runat="server"
    Width="272px" Height="144px"></asp:label></form>
  <script language="javascript">
   function aa()
   {    
     alert("客户端触发事件");    
     var aaaa=document.all.aa1.value; //获得客户端元素的数值    
     document.getElementById(‘’TextBox1‘’).value=aaaa; //把客户端元素的数值保留入服务器端元素内     
     //alert(document.getElementById(‘’TextBox1‘’).value);//显示服务器端元素的数值 
     document.getElementById(‘’Button1‘’).click();//使用脚本回送页面    
   }
  
  </script>
 </body>


原文转自:http://www.ltesting.net