layui中點(diǎn)擊重置按鈕select并沒(méi)有被重置怎么辦

這篇文章主要為大家展示了“l(fā)ayui中點(diǎn)擊重置按鈕select并沒(méi)有被重置怎么辦”，內容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習一下“l(fā)ayui中點(diǎn)擊重置按鈕select并沒(méi)有被重置怎么辦”這篇文章吧。

如下所示： 點(diǎn)擊重置時(shí)，輸入框被重置為空，而賬號 select元素并沒(méi)有被重置。

 // 重置事件
  $("#reset").click(function () {
    $("#searchContent").val("");
    $("#selectKey").val("");
    form.render();
  })

調用一下 form.render();即可

為什么表單不顯示？

當你使用表單時(shí)，Layui會(huì )對select、checkbox、radio等原始元素隱藏，從而進(jìn)行美化修飾處理。但這需要依賴(lài)于form組件，所以你必須加載 form，并且執行一個(gè)實(shí)例。值得注意的是：導航的Hover效果、Tab選項卡等同理（它們需依賴(lài) element 模塊）

layui.use('form', function(){
 var form = layui.form; //只有執行了這一步，部分表單元素才會(huì )自動(dòng)修飾成功
 
 //……
 
 //但是，如果你的HTML是動(dòng)態(tài)生成的，自動(dòng)渲染就會(huì )失效
 //因此你需要在相應的地方，執行下述方法來(lái)手動(dòng)渲染，跟這類(lèi)似的還有 element.init();
 form.render();
});