表单reset无法重置hidden的解决方案

简介: 方法一:用text代替hidden,设置text隐藏   方法二:单独处理hidden类型 jQuery("#saveForm").form("reset"); jQuery("input[type='hidden']").

方法一:用text代替hidden,设置text隐藏

<input id="id" name="id" style="display: none;" value="0" />

 

方法二:单独处理hidden类型

jQuery("#saveForm").form("reset");
jQuery("input[type='hidden']").val("");

 

方法三:使用clear代替reset

jQuery("#saveForm").form("clear");

注意: clear之后表单的radio也被情况,html的checked也不能生效了,要js重新给radio设置选中值;

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
7月前
input点击后placeholder中的提示消息消失
input点击后placeholder中的提示消息消失
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
219 0
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
211 0
|
JavaScript
点击提交按钮,提交所有生成的input参数
点击提交按钮,提交所有生成的input参数
61 0
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
188 0
|
存储 前端开发 JavaScript
form 表单恢复初始数据
在现代的 Web 开发中,表单是不可或缺的组件之一。用户可以通过表单输入和提交数据,而开发者则需要对这些数据进行处理和存储。然而,在某些情况下,我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性,我们能够快速构建响应式的表单,并且能够轻松地管理和恢复表单数据。希望本文对你在 Web 开发中处理表单数据有所帮助!
215 1
element中el-radio无法切换点击和input框无法输入的问题(整理)
element中el-radio无法切换点击和input框无法输入的问题(整理)
|
JavaScript
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
862 0
如何如何禁用div不能点击?div disabled不能点击 不能click div禁用无效
如何如何禁用div不能点击?div disabled不能点击 不能click div禁用无效
631 0
|
前端开发
前端:input 标签取消账号填充
前端:input 标签取消账号填充