layui 點擊重置按鈕, select 并沒有被重置的解決方法
更新時間：2019年09月03日 09:29:50 作者：來自流星
今天小編就為大家分享一篇layui 點擊重置按鈕, select 并沒有被重置的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示： 點擊重置時，輸入框被重置為空，而賬號 select元素并沒有被重置。
// 重置事件
$("#reset").click(function () {
$("#searchContent").val("");
$("#selectKey").val("");
form.render();
})
調(diào)用一下 form.render();即可
為什么表單不顯示？
當你使用表單時，Layui會對select、checkbox、radio等原始元素隱藏，從而進行美化修飾處理。但這需要依賴于form組件，所以你必須加載 form，并且執(zhí)行一個實例。值得注意的是：導航的Hover效果、Tab選項卡等同理（它們需依賴 element 模塊）
layui.use('form', function(){
var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會自動修飾成功
//……
//但是，如果你的HTML是動態(tài)生成的，自動渲染就會失效
//因此你需要在相應的地方，執(zhí)行下述方法來手動渲染，跟這類似的還有 element.init();
form.render();
});
以上這篇layui 點擊重置按鈕, select 并沒有被重置的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要對javascript實現(xiàn)圖片切換（動畫版）的方法進行步驟分析、實例介紹，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
下面小編就為大家分享一篇js判斷文件類型大小并給出提示的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
大部分小程序都會有這樣的需求，頁面有長列表，需要下拉到底時請求后臺數(shù)據(jù)，一直渲染數(shù)據(jù)，當數(shù)據(jù)列表長時，會發(fā)現(xiàn)明顯的卡頓，頁面白屏閃頓現(xiàn)象，那么如何實現(xiàn)小程序虛擬列表，感興趣的可以了解一下2021-07-07
javascript同步服務(wù)器時間和同步倒計時小技巧
本文給出如何在頁面上同步顯示服務(wù)器時間的解決方案，能夠?qū)崿F(xiàn)同步服務(wù)器時間、同步倒計時，卻不占用服務(wù)器太多資源，下面我給寫出實現(xiàn)的思路2015-09-09
bootstrap自定義樣式之bootstrap實現(xiàn)側(cè)邊導航欄功能
bootstrap自帶的響應式導航欄是向下滑動的，有時滿足不了個性化的需求，需要做一個類似于android drawerLayout 側(cè)滑的菜單，這就是我要實現(xiàn)的bootstrap自定義側(cè)滑菜單。接下來通過本文給大家介紹bootstrap實現(xiàn)側(cè)邊導航欄功能，感興趣的朋友一起看看吧2018-09-09
javascritp實際上由三部分組成： ECMAScript，DOM, BOM 前兩者由工業(yè)標準，BOM尚比較混亂。2009-12-12
JavaScript檢查數(shù)據(jù)中是否存在相同的元素（兩種方法）
這篇文章主要介紹了JavaScript檢查數(shù)據(jù)中是否存在相同的元素（兩種方法）,需要的朋友可以參考下2018-10-10
這篇文章主要介紹了Javascript顯示和隱藏ul列表的方法,涉及javascript針對頁面元素遍歷及顯示與隱藏的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
javascript實現(xiàn)rgb顏色轉(zhuǎn)換成16進制格式
本文給大家分享的是使用javascript實現(xiàn)rgb顏色轉(zhuǎn)換成16進制格式的方法和示例代碼，有需要的小伙伴可以參考下。2015-07-07
JavaScript canvas實現(xiàn)鏡像圖片效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)鏡像圖片效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08