表单reset重置后,保持其中某个input值不变

首先,reset会重置所有的input,让其变为默认值。所以,如果你不想让某个 <input> 被重置,在执行 reset() 方法之前修改它的 defaultValue 属性,将它当前的值设为初始值,这样执行 reset() 的时候这个 <input> 的值就不会被重置掉了。

<form>
    <input id="myInput" value="默认值" readonly />
</form>
<button type="button" id="resetButton" onclick=''>重置</button>
 
<script>
    document.getElementById("resetButton").onclick = function(){
        var myInput = document.getElementById("myInput");
        myInput.defaultValue = myInput.value;
        document.forms[0].reset()
    }
</script>


猜你喜欢

转载自blog.csdn.net/cauchy6317/article/details/81035410
今日推荐