您的位置：首页 > Web前端 > JavaScript

脚本与后端数据传递小技巧

2007-06-15 10:07 316 查看
           表单中input标签为文本框,其提供了一个隐藏域,可以用来保存输入的内容,像div这样的标签,即使使用脚本使其内部值发生了变化,但是无法保存值,所以隐藏域的作用就提升了.可以来测试下.




<%

@ 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 Button2_Click(object sender, EventArgs e)




    

{


        Label1.Text = HiddenField1.Value + TextBox1.Text + aaa.InnerHtml;


    }


</script>




<html xmlns="http://www.w3.org/1999/xhtml" >


<head runat="server">


    <title>无标题页</title>




<script language="javascript" type="text/javascript">



// <!CDATA[






function aa() 

{


document.getElementById("HiddenField1").value="a";


document.getElementById("TextBox1").value="b";


document.getElementById("aaa").innerHTML="c";


}




// ]]>


</script>


</head>


<body>


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


        <input id="Hidden1" type="hidden" />


      <asp:HiddenField ID="HiddenField1" runat="server" />


        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>


        <div id="aaa" runat="server"></div>


        <br />


            <input id="Button1" type="button" value="button" onclick="aa()" />


        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>


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


    </form>


</body>


</html>



这样的使用方法在控件中非常常用,AjaxControlToolkit的基类ExtenderControlBase也使用了这样了方法,其提供了ClientState属性可以获取隐藏域的值.方便了前台和后台的交互
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  脚本 button textbox server javascript input
相关文章推荐
新的分享
章节导航