CreateTime--2017年7月19日10:37:11
Author:Marydon

js重置form表单

需要使用的方法:reset()

示例:

  HTML部分

<form id="test">
<input id="test2" type="hidden" value="2"/>
<textarea>测试是否会重置文本域,默认带值的不会被清空</textarea>
<textarea id="test3"></textarea>
测试手工录入<input type="text" value=""/>
<input type="text" value="设置初始值" id="test4"/>
<input type="button" value="重置" onclick="testReset();"/>
<input type="button" value="赋值" onclick="assignment();"/>
<select>
<option value="">请选择</option>
<option value="" selected>测试是否会重置下拉框</option>
<option value="">下拉框选中选项会被还原</option>
</select>
<!-- 经测试该值不会被还原 -->
<input id="test5" type="hidden" value="测试隐藏域通过js改变后会不会还原"/>
</form>

  JAVASCRIPT部分

function testReset () {
document.getElementById("test").reset();
alert($('#test5').val());
}
function assignment () {
$('#test3').val('通过js赋值或手工录入的信息都会被清空!');
$('#test4').val('改变初始值');
$('#test5').val('5');
alert($('#test5').val());
}

经测试,总结:

  1.特别注意:reset()方法实现的效果是还原,而不是重置(清空);

    例:带默认值的form表单标签(如:textarea,文本框),经用户修改后,调用重置方法,会被还原成初始值(默认值);

      调用重置方法后,下拉框会选中初次加载页面时选中的选项。

  2.重置reset()对隐藏域无效,即不会对隐藏域进行还原处理,隐藏域通过js改变后不会被还原;

  3.准确地说,jQuery没有重置form表单的方法,$('#test')[0].reset(),这种重置form表单的方法还是通过js实现的,因为:$('#test')[0]会将jQuery元素转换成dom元素。

 

最新文章

  1. objective-c 语法快速过(2)
  2. Mysql小技巧总汇
  3. 当你还在纠结于ORM的性能时,我已经远远的把你抛在脑后
  4. oracle操作之传输表空间
  5. SDRAM基础知识
  6. BZOJ 1798 题解
  7. JVM-并发-线程安全与锁优化
  8. 【Android开发学习笔记】【第二课】Activity学习
  9. ERP开发分享 1 数据库表设计
  10. Y_TEXT001-(保存长文本)
  11. angularJS 数组更新时重新排序之解决方案一:这个坑,绕开吧,不跳了……
  12. oracle学习 五 使用存储过程创建一个重置密码为123456的功能(持续更新中)
  13. Delphi HTTPRIO控件怎么设置超时参数
  14. ckplayer 项目实际应用代码整理,支持标清,高清,超清切换!
  15. Unable to execute dex: Multiple dex files define Lorg/ap (
  16. $(window).height() 文档高度问题
  17. 【Vue.js】加载更多—vue-infinite-scroll
  18. Shell编程(四)Shell变量
  19. 简明log4j配置教程
  20. Mayi_Maven安装与配置Myeclipse、Idea

热门文章

  1. xtuoj 1233 coins(dp)
  2. 【Floyd】文化之旅
  3. [ARC103F]Distance Sums
  4. 【模拟】 Codeforces Round #434 (Div. 1, based on Technocup 2018 Elimination Round 1) C. Tests Renumeration
  5. 【分块】【树套树】bzoj2141 排队
  6. Problem F: 调用函数,判断各位数字立方和是否等于它本身
  7. mysql-mmm故障整理
  8. DELPHI开发LINUX桌面程序
  9. 【maven】pom.xml文件没错,但是项目有小红叉,Problems中可以看到错误:“Dynamic Web Module 3.0 requires Java 1.6 or newer.”
  10. Windows命令行的使用