zoukankan      html  css  js  c++  java
  • 脚本与后端数据传递小技巧

               表单中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属性可以获取隐藏域的值.方便了前台和后台的交互
  • 相关阅读:
    1105 Spiral Matrix (25分)(蛇形填数)
    1104 Sum of Number Segments (20分)(long double)
    1026 Table Tennis (30分)(模拟)
    1091 Acute Stroke (30分)(bfs,连通块个数统计)
    1095 Cars on Campus (30分)(排序)
    1098 Insertion or Heap Sort (25分)(堆排序和插入排序)
    堆以及堆排序详解
    1089 Insert or Merge (25分)
    1088 Rational Arithmetic (20分)(模拟)
    1086 Tree Traversals Again (25分)(树的重构与遍历)
  • 原文地址:https://www.cnblogs.com/Clingingboy/p/784370.html
Copyright © 2011-2022 走看看