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 相关文章推荐
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
详解javascript new的运行机制
Jan 26 Javascript
jQuery UI库中dialog对话框功能使用全解析
Apr 23 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
微信小程序wx.request拦截器使用详解
Jul 09 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
解析ajax事件的调用顺序
2013/06/17 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
php生成gif动画的方法
2015/11/05 PHP
php面向对象值单例模式
2016/05/03 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
JQuery实现折叠式菜单的详细代码
2020/06/03 jQuery
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
python类继承用法实例分析
2015/05/27 Python
python实现下载整个ftp目录的方法
2017/01/17 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
Python中正反斜杠(‘/’和‘\’)的意义与用法
2019/08/12 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
浅谈Python中的继承
2020/06/19 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
TripAdvisor台湾:全球最大旅游网站
2018/08/26 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
恶意软件的定义
2014/11/12 面试题
食堂员工工作职责
2013/12/18 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
九华山导游词
2015/02/03 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
老干部座谈会主持词
2015/07/03 职场文书
新年寄语2016
2015/08/17 职场文书
学习党章心得体会2016
2016/01/15 职场文书