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 html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
Eclipse配置Javascript开发环境图文教程
Jan 29 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
node.js的事件机制
Feb 08 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 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
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
相对路径转化成绝对路径
2007/04/10 PHP
php中static静态变量的使用方法详解
2010/06/04 PHP
php下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
php文件包含的几种方式总结
2019/09/19 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
angular动态表单制作
2018/02/23 Javascript
vue写一个组件
2018/04/09 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
Python中的高级函数map/reduce使用实例
2015/04/13 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
详解python while 函数及while和for的区别
2018/09/07 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
社团文化节邀请函
2014/01/10 职场文书
委托书怎样写
2014/08/30 职场文书
党员民主评议自我评价
2014/10/20 职场文书