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