如下所示: 點擊重置時,輸入框被重置為空,而賬號 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 并沒有被重置的解決方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答