javascript检测。在回送

发布: 2007-6-30 18:56 | 作者: admin | 来源: | 查看: 14次 | 进入软件测试论坛讨论

<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">
    
   <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"> 
   <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>