layui重置select

jquery的重置select方法

$("#selectId").html("");
或
$("#selectId").find("option").remove();
或
$("#selectId").empty(); //会使选项清空
或
$("#selectId").val('');

但是这样在layui中还不够，不能达到重置的效果

必须加上

form.render();

即layui重置select方法为

$("#selectId").val('');
form.render();

其中 form 是引入的layui组件

layui.use('form', function(){
  var form = layui.form; 
});  

下面说下这样做的原因

当我们使用表单时，Layui会对checkbox、select、radio等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于form组件，所以你必须加载 form，并且执行一个实例。值得注意的是：导航的Hover效果、Tab选项卡等同理（它们依赖的是 element 模块）

当select重置后，需要重新渲染。