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实现的激活输入框后隐藏初始内容
Jun 29 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
Angular使用$http.jsonp发送跨站请求的方法
Mar 16 Javascript
几种响应式文字详解
May 19 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
详解require.js配置路径的用法和css的引入
Sep 06 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
javascript+HTML5 canvas绘制时钟功能示例
May 15 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 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使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
Python中每次处理一个字符的5种方法
2015/05/21 Python
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
Python字符串对象实现原理详解
2019/07/01 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
keras topN显示,自编写代码案例
2020/07/03 Python
Python 必须了解的5种高级特征
2020/09/10 Python
Python常用断言函数实例汇总
2020/11/30 Python
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
公共事业管理本科生求职信
2013/10/07 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
六查六看剖析材料
2014/10/06 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android