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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
微信小程序web-view無法打開該頁面不支持打開的解決方法
小程序現(xiàn)在日漸成熟,功能也越來越強大,我們今天來一起看看小程序跳轉(zhuǎn)的問題,下面這篇文章主要給大家介紹了關于微信小程序web-view無法打開該頁面不支持打開的解決方法,需要的朋友可以參考下2023-01-01
本文主要介紹了babel基本使用。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
js實現(xiàn)window.open不被攔截的解決方法匯總
這篇文章主要介紹了js實現(xiàn)window.open不被攔截的解決方法,實例匯總了常用的不被攔截的解決方法,需要的朋友可以參考下2014-10-10
JavaScript中常用的數(shù)組操作方法總結(jié)
這篇文章為大家總結(jié)了一些JavaScript中常用的數(shù)組操作方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
javascript創(chuàng)建cookie、讀取cookie
這篇文章主要介紹了javascript創(chuàng)建cookie、讀取cookie的操作方法，內(nèi)容簡單易學，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了js實現(xiàn)div彈出層的方法,以實例的形式完整的實現(xiàn)了js彈出div層的效果,并且彈出層可拖拽、可關閉,用戶還可根據(jù)個人喜好自定義彈出層的顯示效果,非常具有實用價值,需要的朋友可以參考下2014-11-11
應用uni-app開發(fā)跨平臺App項目時,上傳圖片、文檔等資源功能需求十分常見,下面這篇文章主要給大家介紹了關于uniapp基礎篇之上傳圖片的相關資料,需要的朋友可以參考下2022-12-12
返回頂部組件是一種極其常見的網(wǎng)頁功能，需求簡單：頁面滾動一定距離后，顯示返回頂部的按鈕，點擊該按鈕可以將滾動條滾回至頁面開始的位置,接下來通過本文給大家介紹原生JS實現(xiàn)平滑回到頂部組件，需要的朋友參考下吧2016-03-03
這篇文章主要為大家介紹了await?Streaking解決原理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
Vim是一個類似于Vi的著名的功能強大、高度可定制的文本編輯器，在Vi的基礎上改進和增加了很多特性.這篇文章主要介紹了Vim快速合并行及vim 將文件所有行合并到一行,需要的朋友可以參考下2017-11-11