Значение переменной обновления/приращения 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>​

то, что я пытаюсь сделать, это:

  1. при нажатии на кнопку значение "a"будет отображаться в текстовом поле и" a " будет увеличиваться.
  2. при повторном нажатии теперь должно отображаться увеличенное значение, но этого не происходит.

где я ошибаюсь?

6
increment javascript

7 ответов

вы только увеличиваете локальную переменную, которая исчезает в конце функции. Вы можете сделать это :

      var a = 1;
      function increase(){
            var textBox = document.getElementById("text");
            textBox.value = a;
            a++;
      }
9
<input type="text" id="text" value="1"/>

function increase(){
            var textBox = document.getElementById("text");
            textBox.value++;
        }
4

лучше проверить значение вашего текстового поля. Если он пуст a=1 else textfield.value++

0

Я имел в виду var a=1; должно быть объявлено перед функцией

0

вы можете использовать это.Просто скопируйте и вставьте

    <html>
    <head>
        <script type="text/javascript">  
        var a = 1;          
            function increase(){


                document.getElementById("text").value=a;
                a=a+1;

            }            
        </script>
    </head>

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

используйте этот код 

    var k = 1;
    function shashi() {
        document.getElementById('para').innerHTML = k;
        k++;
    }
    k = k;
</script><br/>

и вызовите функцию shashi () на событии щелчка

0

у вас есть более простой подход, реализующий кнопки увеличения и уменьшения. быстрый пример использования встроенного javascript:

<!-- increment button -->
<input type='button' name='add' onclick='javascript: document.getElementById("qty").value++;' value='+'/>
<!-- quantity input -->
<input name='qty' id='qty' style="text-align:center;" type="text" value="1"  autocomplete="off" size="2">
<!-- decrement button -->
<input type='button' name='subtract' onclick='javascript: document.getElementById("qty").value--;' value='-'/>
-1