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