asp.net中，实现textbox显示for循环中的每个值(仅适合菜鸟)

最新推荐文章于 2022-01-23 10:27:44 发布

yasinzhang

最新推荐文章于 2022-01-23 10:27:44 发布

阅读量1.5k

点赞数

分类专栏： .NET

本文链接：https://blog.csdn.net/z784561257/article/details/82222660

版权

.NET 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在做项目前没有接触过js这方面的知识，这个问题纠结了好几天，最近在论坛上问了一下大神们，对我帮助很大，在此非常感谢他们，我在论坛上提出的是怎么在前台显示后台的for(int i=0;i<10;i++)中的每个值，也就是在textbox依次显示1，然后1消失显示2....,就这种效果。

下面的例子其实完全可以在前台实现，我这个只是为了从后台获取数据做的一个小案例。

废话不多说直接上代码

1.后台代码

  protected string s = string.Empty;
        protected void Page_Load(object sender, EventArgs e)
        {
            
            for (var i = 0; i < 10; i++)
            {
                s += i + ",";
            }
        }

非常简单，这样将s的值传给前台页面.

2.前台代码

 <script>
        window.onload = function () {
            var str = '<%=s%>';
            var arr = str.split(',');
            var len = arr.length;
            let i = 0;
            let jishiTimer = window.setInterval(function () {

                document.getElementById('txt').setAttribute("value", arr[i]);
                i++;
                if (i > len) clearInterval(jishiTimer);
            }, 1000);
        }
    </script>
</head>

<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txt" runat="server"></asp:TextBox>
        <div>
        </div>
    </form>

<%=s%>这个是后台的s的值。

3.实验结果

这个没录屏工具，显示的就是我上面说的那个效果。先显示1，然后1消失显示2...依次加1,直到最后一位暂停。

yasinzhang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
asp.net中，实现textbox显示for循环中的每个值(仅适合菜鸟)

在做项目前没有接触过js这方面的知识，这个问题纠结了好几天，最近在论坛上问了一下大神们，对我帮助很大，在此非常感谢他们，我在论坛上提出的是怎么在前台显示后台的for(int i=0;i&lt;10;i++)中的每个值，也就是在textbox依次显示1，然后1消失显示2....,就这种效果。下面的例子其实完全可以在前台实现，我这个只是为了从后台获取数据做的一个小案例。废话不多说直...
复制链接

扫一扫

专栏目录