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基础知识filter()和find()实例说明
Jul 06 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
Apr 28 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
Vue 嵌套路由使用总结(推荐)
Jan 13 Javascript
JavaScript逻辑运算符相关总结
Sep 04 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 设计模式之 工厂模式
2008/12/19 PHP
php面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
php 归并排序 数组交集
2011/05/10 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
PHP文件操作方法汇总
2015/07/01 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
jquery 使用简明教程
2014/03/05 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
vuex实现简易计数器
2016/10/27 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
Python中的__SLOTS__属性使用示例
2015/02/18 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
详解Python中where()函数的用法
2018/03/27 Python
Python基础之文件读取的讲解
2019/02/16 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
virtualenv介绍及简明教程
2020/06/23 Python
一些Solaris面试题
2013/03/22 面试题
求职意向书范文
2014/04/01 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
公司离职证明标准样本
2014/10/05 职场文书
离婚撤诉申请书范本
2015/05/18 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
matlab xlabel位置的设置方式
2021/05/21 Python
浅谈Python数学建模之固定费用问题
2021/06/23 Python