微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

点击时Javascript更新/增加变量值

我有以下代码JS Fiddle
<html>
    <head>
        <script>            
            function increase(){
                var a = 1;
                var textBox = document.getElementById("text");
                textBox.value = a;
                a++;
            }            
        </script>
    </head>

    <body>
        <button type="button" onclick="increase()">show</button>
        <input type="text" id="text">
    </body>
</html>​

我想要做的是:

>单击按钮时,“a”的值将显示在文本框中,“a”将递增.
>现在再次单击时,应显示递增的值,但不会发生这种情况.

我哪里错了?

解决方法

你只是递增一个函数结束时消失的局部变量.你可以这样做:
var a = 1;
      function increase(){
            var textBox = document.getElementById("text");
            textBox.value = a;
            a++;
      }

原文地址:https://www.jb51.cc/js/151047.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐