layui 点击重置按钮, select 并没有被重置的解决方法
2019-09-03 09:29
1001 查看
如下所示: 点击重置时,输入框被重置为空,而账号 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 并没有被重置的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- easyui datebox控件点击今天按钮不触发onSelect事件的解决方法
- WPF中button按钮同时点击多次触发click解决方法
- Cocos2d-x3.0 加载Cocostudio的UI后,按钮无法点击的解决方法
- 关于Kindeditor多图片上传时点击开始上传按钮一次只能上传一张图片,无法做到自动把图片全部上传的解决方法
- ListView点击事件失效(item里面有button按钮控件)解决方法
- asp.net 点击服务器按钮 不触发后台事件解决方法
- 解决PopupWindow实现按钮点击消失和显示,以及点击它外围可以消失的方法
- layui之select的option叠加问题的解决方法
- SWFupload在IE9中选择文件按钮无法点击bug解决方法
- phpcms上传图片时,点击【上传到服务器上】按钮,显示:缺少图像源地址的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- updatePanel 中GridView 点击按钮无反应解决方法
- easyui Tabs中的链接/按钮点击后添加一个新TAB的解决方法
- VUE爬坑之路--Element-UI el-row、el-col、Select下拉框等点击事件不触发问题解决方法
- 关于Ionic select在部分安卓下微信(QQ)点击无反应的解决方法
- 记录【1】Vue遇到的bug , 点击按钮出现Cannot read property 'toString' of undefined的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- cocos2d-x3.0 加载Cocostudio的UI后,按钮无法点击的解决方法
- input,button制作按钮IE6,IE7点击时1px黑边框的解决方法
- updatePanel 中GridView 点击按钮无反应解决方法