LayUI的form外部按钮调用清空方法

<button id="clear">清空</button>



<form class="layui-form" action="" lay-filter="example">

     <div class="layui-form-item">

            <label class="layui-form-label">选择框</label>

            <div class="layui-input-inline">

                <select id="aihao" name="interest" lay-filter="aihao" lay-search>

                    <option value=""></option>

                    <option value="0">写作</option>

                    <option value="1">阅读</option>

                    <option value="2">游戏</option>

                    <option value="3">音乐</option>

                    <option value="4">旅行</option>

                </select>

            </div>

        </div>

</form>

layui.use(['form'],function(){
        var from =layui.form,
            $ = layui.jquery
        $('#clear').on('click', function () {
            document.getElementById('aihao').value = ""
            layui.form.render();
        })   
       
    })

清空之后再调用from.render() ;  //一定要加这个