zoukankan      html  css  js  c++  java
  • js修改不了input的值

    奇怪的input

    今天想做一个通过点击按钮,修改input值的控件,但是点击按钮后,input值变成修改的值后又变回了原来的值,百思不得其解,代码如下

    <form>
    <div class="input-num">
    	<input type="text" value="1" id="num">
    	<button class="add" id="add" >+</button>
    	<button class="dec" id="dec" >-</button>
    </div>
    </form>
    <script type="text/javascript">
    11q
    	var add = document.getElementById('add');
    	var dec = document.getElementById('dec');
    	var num = document.getElementById('num'); 
    	add.onclick = function(){
    		num.value ++;
    	}
    	dec.onclick = function(){
    		num.value --;
    	}
    </script>	
    

    效果如下:

    input框的值一直是1

    问题在哪

    后来查文档才知道,原来button的默认type是submit,如果不明确指定type,每次点击按钮都会自动刷新页面,所以input的值一直是1。修改方法就是把button的type显式设置为button。

  • 相关阅读:
    模板
    总结
    关于log方线段树
    [ICPC2014 WF]Sensor Network
    背包问题总结
    NOIP2020微信步数
    NOIP2020移球游戏
    CF643D Bearish Fanpages
    CF685C Optimal Point
    论恋爱对学习的促进作用
  • 原文地址:https://www.cnblogs.com/woodyblog/p/6005411.html
Copyright © 2011-2022 走看看