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