layui 点击重置按钮, select 并没有被重置的解决方法


Posted in Javascript onSeptember 03, 2019

如下所示: 点击重置时,输入框被重置为空,而账号 select元素并没有被重置。

layui 点击重置按钮, select 并没有被重置的解决方法

// 重置事件
  $("#reset").click(function () {
    $("#searchContent").val("");
    $("#selectKey").val("");
    form.render();
  })

调用一下 form.render();即可

为什么表单不显示?

当你使用表单时,Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)

layui.use('form', function(){
 var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
 
 //……
 
 //但是,如果你的HTML是动态生成的,自动渲染就会失效
 //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
 form.render();
});

以上这篇layui 点击重置按钮, select 并没有被重置的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
详解JavaScript中|单竖杠运算符的使用方法
May 23 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
通过fastclick源码分析彻底解决tap“点透”
Dec 24 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
Vue利用History记录上一页面的数据方法实例
Nov 02 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 Javascript
Layui 动态禁止select下拉的例子
Sep 03 #Javascript
解决Layui中layer报错的问题
Sep 03 #Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 #Javascript
element ui分页多选,翻页记忆的实例
Sep 03 #Javascript
JavaScript创建、读取和删除cookie
Sep 03 #Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 #Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 #Javascript
You might like
PHP连接access数据库
2008/03/27 PHP
php 中英文语言转换类
2011/09/07 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
微信小程序 解决请求服务器手机预览请求不到数据的方法
2017/01/04 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
Django实现内容缓存实例方法
2020/06/30 Python
Python解析微信dat文件的方法
2020/11/30 Python
iKRIX意大利网上商店:男女豪华服装和配件
2019/10/09 全球购物
个人委托书
2014/07/31 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
社会实践活动总结格式
2015/05/11 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
学术会议领导致辞
2015/07/29 职场文书
毕业欢送会致辞
2015/07/29 职场文书
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python